feat: ui dialog responsiveness

emhttp/plugins/dynamix/sheets/BrowseButton.css

@@ -23,26 +23,18 @@
 #user-notice {
     float: left;
 }
-div.dfm_info {
+/* div.dfm_info {
     position: absolute;
     bottom: 4px;
     width: 74%;
     margin-left: 23%;
-}
+} */
 div.dfm_template {
     display: none;
 }
 div#dfm_dialogWindow {
     overflow-x: hidden;
 }
-div#dfm_dialogWindow dt {
-    width: 23%;
-}
-div#dfm_joblist {
-    text-align: left;
-    margin-top: 20px;
-    margin-left: 56px;
-}
 span.dfm_loc {
     display: inline-block;
 }
@@ -53,7 +45,7 @@ span.dfm_text {
 }
 span.dfm_device {
     display: inline-block;
-    float: left;
+    /* float: left; */
 }
 span.dfm_percent {
     display: inline-block;
@@ -68,15 +60,15 @@ input#dfm_sparse,
 input#dfm_exist {
     margin-left: 0;
 }
-select.dfm {
+/* select.dfm {
     margin: 0 40px 0 10px;
-}
+} */
 select#dfm_source {
     min-width: none;
     max-width: none;
     border: none;
     background-image: none;
-    width: 660px;
+    /* width: 660px; */
     cursor: default;
 }
 select#dfm_source option {
@@ -94,7 +86,7 @@ i.job {
     background: transparent;
     border: none;
     font-size: 1.8rem !important;
-    margin-top: -14px !important;
+    margin-top: -20px !important;
     margin-right: -18px !important;
 }
 .ui-dfm .ui-dialog-titlebar-close:hover {
@@ -106,10 +98,6 @@ i.job {
     width: 100%;
     font-size: 1.8rem;
 }
-.ui-dfm .ui-dialog-content {
-    padding-top: 15px;
-    vertical-align: bottom;
-}
 .ui-dfm .ui-button-text {
     padding: 0px 5px;
 }
@@ -198,7 +186,6 @@ input.dfm_filter:focus {
 }
 input#dfm_target {
     color: var(--input-dfm-target-text-color);
-    width: 500px;
 }
 /* .fileTree {
     width: 500px;
@@ -211,7 +198,9 @@ div.autoheight {
     width: 100%;
     overflow-y: auto;
 }
-
+#dfm_jobs {
+    padding: 2rem 0;
+}
 .Theme--sidebar {
     span.dfm_filter {
         margin-left: 0;