Beta 01

app/static/styles.css

@@ -57,12 +57,23 @@ body {
   justify-content: space-between;
   gap: 8px;
   margin-bottom: 10px;
+  min-height: 38px;
 }
 
 .panel-head h2 {
   margin: 0;
 }
 
+.panel-head-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.panel-head-actions-empty {
+  min-width: 172px;
+}
+
 .panel h3 {
   margin: 10px 0 6px;
   font-size: 14px;
@@ -80,6 +91,13 @@ body {
   flex-direction: column;
 }
 
+.panel-body {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+}
+
 input[type="text"],
 select {
   border: 1px solid #c3cedf;
@@ -145,18 +163,13 @@ button.secondary {
   background: #ffffff;
   border-top: 1px solid #e4eaf2;
   padding-top: 8px;
-  margin-top: 8px;
+  margin-top: 10px;
   display: flex;
   gap: 8px;
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end;
-  min-height: 38px;
-}
-
-.panel-actions {
-  margin-top: 8px;
-  justify-content: flex-end;
+  min-height: 40px;
 }
 
 .mismatch {
@@ -204,8 +217,7 @@ button.secondary {
 #panelSelectedEpisodes .panel-footer button:first-child,
 #panelSelectedEpisodes .panel-footer button:last-child,
 #panelSelectedFiles .panel-footer button:first-child,
-#panelSelectedFiles .panel-footer button:last-child,
-#panelSelectedFiles .panel-actions button:last-child {
+#panelSelectedFiles .panel-footer button:last-child {
   border-color: #0b3a6e;
   background: #0b3a6e;
   color: #ffffff;