UI tweak

battlewords/ui.py

@@ -43,7 +43,7 @@ def inject_styles() -> None:
         """
         <style>
           /* Base grid cell visuals */
-          .bw-row { display: flex; gap: 4px; flex-wrap: nowrap; }
+          .bw-row { display: flex; gap: 2px; flex-wrap: nowrap; }
           .bw-cell {
             width: 100%;
             aspect-ratio: 1 / 1;
@@ -78,13 +78,15 @@ def inject_styles() -> None:
             width: auto !important;
             flex: 1 1 auto !important;
             min-width: 0 !important;
-            max-width: 100% !important;
+            max-width: 100% !important;            
+          }
+          .st-emotion-cache-1permvm {
+            gap:0.25rem !important;
           }
-
           /* Ensure grid rows generated via st.columns do not wrap and can scroll horizontally. */
           .bw-grid-row-anchor + div[data-testid="stHorizontalBlock"] {
             flex-wrap: nowrap !important;
-            overflow-x: auto !important;
+            overflow-x: auto !important;            
           }
           .bw-grid-row-anchor + div[data-testid="stHorizontalBlock"] > div[data-testid="column"] {
             flex: 0 0 auto !important;
@@ -102,7 +104,7 @@ def inject_styles() -> None:
               width: 100% !important;
               min-width: 100% !important;
               max-width: 100% !important;
-              flex: 1 1 100% !important;
+              flex: 1 1 100% !important;              
             }
 
             /* Keep grid rows on one line on small screens too */
@@ -110,6 +112,10 @@ def inject_styles() -> None:
               flex-wrap: nowrap !important;
               overflow-x: auto !important;
             }
+           .st-emotion-cache-17i4tbh {
+                min-width: calc(8.33333% - 1rem);
+            }
+
           }
         </style>
         """,