diff --git a/styles.css b/styles.css index 70f6a10..934c40a 100644 --- a/styles.css +++ b/styles.css @@ -739,8 +739,10 @@ tr:last-child td { } .fpp-select-board { - column-count: 5; - column-gap: 6px; + display: grid; + grid-template-columns: repeat(5, minmax(0, 1fr)); + gap: 6px; + align-items: start; } .fpp-select-column { @@ -750,9 +752,7 @@ tr:last-child td { border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: 0 6px 14px rgba(15, 23, 42, 0.04); break-inside: avoid; - display: inline-block; width: 100%; - margin: 0 0 6px; } .fpp-select-head { @@ -1221,7 +1221,7 @@ tr:last-child td { } .fpp-select-board { - column-count: 4; + grid-template-columns: repeat(4, minmax(0, 1fr)); } .fpp-sheet { @@ -1276,7 +1276,7 @@ tr:last-child td { } .fpp-select-board { - column-count: 2; + grid-template-columns: repeat(2, minmax(0, 1fr)); } .fpp-sheet-head { @@ -1365,7 +1365,7 @@ tr:last-child td { } .fpp-select-board { - column-count: 1; + grid-template-columns: 1fr; } .fpp-sheet {