diff --git a/apps/client/src/views/cuesheet/Cuesheet.tsx b/apps/client/src/views/cuesheet/Cuesheet.tsx index a77c36da3..cba648790 100644 --- a/apps/client/src/views/cuesheet/Cuesheet.tsx +++ b/apps/client/src/views/cuesheet/Cuesheet.tsx @@ -40,7 +40,7 @@ export default function Cuesheet({ selectedId, currentBlockId, }: CuesheetProps) { - const { followSelected, showSettings, showDelayBlock, showPrevious, showIndexColumn } = useCuesheetSettings(); + const { followSelected, showDelayBlock, showPrevious, showIndexColumn } = useCuesheetSettings(); const { columnVisibility, columnOrder, @@ -110,14 +110,12 @@ export default function Cuesheet({ return ( <> - {showSettings && ( - - )} +
diff --git a/apps/client/src/views/cuesheet/CuesheetPage.module.scss b/apps/client/src/views/cuesheet/CuesheetPage.module.scss index b179cf178..80ef47ba7 100644 --- a/apps/client/src/views/cuesheet/CuesheetPage.module.scss +++ b/apps/client/src/views/cuesheet/CuesheetPage.module.scss @@ -5,9 +5,10 @@ padding: 1rem 0.5rem; display: grid; - grid-template-rows: 3rem auto 1fr; + grid-template-rows: 3rem auto auto 1fr; grid-template-areas: 'overview' + 'progress' 'settings' 'table'; gap: 1rem; diff --git a/apps/client/src/views/cuesheet/cuesheet-progress/CuesheetProgress.module.scss b/apps/client/src/views/cuesheet/cuesheet-progress/CuesheetProgress.module.scss index b82de38a8..44a571809 100644 --- a/apps/client/src/views/cuesheet/cuesheet-progress/CuesheetProgress.module.scss +++ b/apps/client/src/views/cuesheet/cuesheet-progress/CuesheetProgress.module.scss @@ -1,3 +1,4 @@ .progressOverride { - height: 1rem; + height: 1rem; + grid-area: progress; } diff --git a/apps/client/src/views/cuesheet/cuesheet-table-settings/CuesheetTableSettings.module.scss b/apps/client/src/views/cuesheet/cuesheet-table-settings/CuesheetTableSettings.module.scss index 4afcee79e..a036cda7c 100644 --- a/apps/client/src/views/cuesheet/cuesheet-table-settings/CuesheetTableSettings.module.scss +++ b/apps/client/src/views/cuesheet/cuesheet-table-settings/CuesheetTableSettings.module.scss @@ -1,6 +1,6 @@ .tableSettings { grid-area: settings; - padding: 0.5rem 1rem; + padding-inline: 0.5rem; display: flex; gap: 5rem; font-size: $inner-section-text-size;