diff --git a/app/static/styles.css b/app/static/styles.css index 26967be..7d114e6 100644 --- a/app/static/styles.css +++ b/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; diff --git a/app/templates/index.html b/app/templates/index.html index 749c2dd..641a574 100644 --- a/app/templates/index.html +++ b/app/templates/index.html @@ -32,10 +32,15 @@
-

3. Selected Episodes

-
-
- +
+

3. Selected Episodes

+ +
+
+
+
+
    +