Reduce the height of the slots and make the tracks fill the full width

nordeck · Sep 26, 2023 · fa9aac6 · fa9aac6
1 parent d66f98a
commit fa9aac6
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/SessionGrid/SessionGrid.tsx b/src/components/SessionGrid/SessionGrid.tsx
@@ -68,6 +68,7 @@ const TableContainer = styled.table<{
     canDropSession,
     theme,
   }) => ({
+    width: '100%',
     borderSpacing: 0,
     background: canDropSession
       ? `repeating-linear-gradient(45deg, ${theme.pageBackground}, ${theme.pageBackground} 10px, transparent 10px, transparent 20px)`
@@ -88,8 +89,8 @@ const TableContainer = styled.table<{
     'td.session': {
       minWidth: 200,
       width: `${100 / trackCount}%`,
-      minHeight: 200,
-      height: 200,
+      minHeight: 115,
+      height: 115,
     },
 
     // set the default borders, padding, and alignment for all cells