issue #2353 update css for photo uplaod options

admin/themes/default/js/photos_add_direct.js

@@ -90,6 +90,7 @@ $(function () {
   $("#uploadOptionsContent").hide();
   $("#uploadOptions").on("click", function(){
     $("#uploadOptionsContent").slideToggle();
+    $("#uploadOptions").toggleClass('options-open');
     $(".moxie-shim-html5").css("display", "none");
   })
 

admin/themes/default/theme.css

@@ -1876,26 +1876,42 @@ img.ui-datepicker-trigger {
   padding-right: 5px;
 }
 
+.selectFiles legend{
+  width:100%;
+}
+
 .upload-options{
   cursor: pointer;
   align-items: center;
   margin-left: 25px;
-  padding: 2.5px 10px 7.5px 0;
+  padding: 5px 13px 5px 6px;
   display: flex;
-}
-
-.upload-options-icon{
-  margin-right: 0 !important;
-  padding-top: 0 !important;
+  position:relative;
 }
 
 .upload-options-content{
-  display: flex;
   position: relative;
   font-weight: normal;
-  padding : 23px 0px 22px 24px;
-  width: calc(101vw - 100%);
-  margin-right: 1em;
+  padding : 23px;
+  width: 100%;
+  margin-top:10px;
+  box-sizing: border-box;
+}
+
+.upload-options-content label,
+.upload-options-content div{
+  display:inline-block;
+}
+
+.options-open::after {
+  content: '';
+  width: 100%;
+  height: 27px;
+  position: absolute;
+  bottom: -24px;
+  background-color: #343434;
+  left: 0;
+  transition:height 8s;
 }
 
 #toggleUpdateMode + .slider.round{