Fix missing-detail pane layout alignment and spacing

Author: Azornes

web/css/resolver-main.css

@@ -2023,6 +2023,7 @@
     border-radius: var(--mr-missing-control-radius, 7px);
     box-shadow: var(--mr-missing-control-shadow, none);
     box-sizing: border-box;
+    margin: 0;
     font-size: 12px;
     font-weight: 700;
     line-height: 1;
@@ -2032,6 +2033,13 @@
     transition: var(--mr-missing-control-transition, background 0.15s ease, border-color 0.15s ease, color 0.15s ease);
     white-space: nowrap;
     text-decoration: none;
+    vertical-align: middle;
+}
+
+.mr-btn>svg,
+#model-resolver-modal .mr-btn>svg {
+    display: block;
+    flex: 0 0 auto;
 }
 
 .mr-btn:hover:not(:disabled),
@@ -8821,13 +8829,24 @@ a.mr-image-preview-resource-name:hover {
     border-top-color: rgba(255, 255, 255, 0.07);
 }
 
+#model-resolver-modal .mr-missing-detail-pane .mr-combo-row {
+    align-items: stretch;
+}
+
+#model-resolver-modal .mr-missing-detail-pane .mr-combo-label {
+    display: flex;
+    align-items: center;
+}
+
 #model-resolver-modal .mr-missing-detail-pane .mr-combo-input,
 #model-resolver-modal .mr-missing-detail-pane .mr-search-source-select,
 #model-resolver-modal .mr-missing-detail-pane .mr-search-base-select,
 #model-resolver-modal .mr-missing-detail-pane .mr-download-target-input,
 #model-resolver-modal .mr-missing-detail-pane .mr-download-target-select {
+    box-sizing: border-box;
     min-height: var(--mr-missing-field-height, 38px);
     height: var(--mr-missing-field-height, 38px);
+    margin-block: 0;
     background: var(--mr-missing-control-bg, rgba(255, 255, 255, 0.035));
     border-color: var(--mr-missing-control-border, rgba(255, 255, 255, 0.10));
     border-radius: var(--mr-missing-control-radius, 7px);
@@ -8846,14 +8865,17 @@ a.mr-image-preview-resource-name:hover {
 }
 
 #model-resolver-modal .mr-missing-detail-pane .mr-combo-refresh-btn {
+    box-sizing: border-box;
     display: inline-flex;
     align-items: center;
     justify-content: center;
+    align-self: stretch;
     flex: 0 0 var(--mr-missing-field-height, 38px);
     width: var(--mr-missing-field-height, 38px);
     min-width: var(--mr-missing-field-height, 38px);
-    height: var(--mr-missing-field-height, 38px);
-    min-height: var(--mr-missing-field-height, 38px);
+    height: auto;
+    min-height: 0;
+    margin: 0;
     padding: 0;
     aspect-ratio: auto;
     font-size: 0;
@@ -8868,6 +8890,7 @@ a.mr-image-preview-resource-name:hover {
 }
 
 #model-resolver-modal .mr-missing-detail-pane .mr-download-section {
+    --mr-download-control-height: var(--mr-missing-field-height, 38px);
     padding: 0;
     background: transparent;
     border-color: transparent;
@@ -8934,7 +8957,7 @@ a.mr-image-preview-resource-name:hover {
 
 #model-resolver-modal .mr-missing-detail-pane .mr-column+.mr-column {
     position: relative;
-    margin-top: 24px;
+    margin-top: 8px;
     padding-top: 20px;
     border-top: 1px solid rgba(255, 255, 255, 0.12);
 }
@@ -8968,6 +8991,11 @@ a.mr-image-preview-resource-name:hover {
 }
 
 #model-resolver-modal .mr-missing-detail-pane .mr-download-section .mr-search-source-bar {
+    padding-bottom: 0;
+    border-bottom: 0;
+}
+
+#model-resolver-modal .mr-missing-detail-pane .mr-download-section .mr-custom-url-bar {
     padding-bottom: 12px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.065);
 }