From 6e9bab5eeee0cb9ebc1b83c7daa3ab39700f790c Mon Sep 17 00:00:00 2001
From: Ian Renton <ian@ianrenton.com>
Date: Tue, 21 Oct 2025 14:02:43 +0100
Subject: [PATCH] Bands panel layout tweaks #48

---
 webassets/css/style.css | 35 ++++++++---------------------------
 1 file changed, 8 insertions(+), 27 deletions(-)

diff --git a/webassets/css/style.css b/webassets/css/style.css
index 33e2a41..7ec31b7 100644
--- a/webassets/css/style.css
+++ b/webassets/css/style.css
@@ -162,9 +162,7 @@ div#bands-container {
     overscroll-behavior-x: none;
 }
 
-/* Bands panel inner layout */
 div.bandCol {
-    height: 100%;
     min-width: 8em;
     display: flex;
     flex-flow: column;
@@ -173,21 +171,27 @@ div.bandCol {
 
 div.bandColHeader {
     flex: 0 1 auto;
+    text-align: center;
+    font-weight: bold;
+    padding: 0.5em;
 }
 
 div.bandColMiddle {
     flex: 1 1 auto;
+    margin-left: 3px;
+    border-left: 2px dotted var(--text);
 }
 
 div.bandColMiddle ul {
     display: table;
     table-layout: fixed;
     width: 100%;
-    min-height: 100%;
+    height: 100%;
     margin: 0;
     padding: 0;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
+    border-left: 2px dotted;
 }
 
 div.bandColMiddle ul li {
@@ -205,35 +209,12 @@ div.bandColMiddle ul li span {
     vertical-align: middle;
 }
 
-div.bandColMiddle ul {
-    display: table;
-    table-layout: fixed;
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    border-left: 2px dotted;
-}
-
-div.bandColHeader {
-    text-align: center;
-    font-weight: bold;
-    padding: 0.5em;
-}
-
-div.bandColMiddle {
-    margin-left: 3px;
-    border-left: 2px dotted var(--text);
-}
-
 div.bandColSpot {
     display: block;
     border-radius: 3px;
     padding: 3px;
     background: lightyellow;
-    margin-right: 2em;
+    margin: 0.1em 2em 0.1em 0.3em;
 }
 
 span.bandColSpot {