From e74b2daee794f66341cf129a148bed0f4fba6d4c Mon Sep 17 00:00:00 2001
From: Carlos Valente <carlosvalente@pm.me>
Date: Mon, 23 Jun 2025 19:52:00 +0200
Subject: [PATCH] refactor: review rundown header spacing

---
 .../rundown/rundown-header/RundownHeader.module.scss | 12 ++++++++----
 .../features/rundown/rundown-header/RundownMenu.tsx  |  4 ++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/apps/client/src/features/rundown/rundown-header/RundownHeader.module.scss b/apps/client/src/features/rundown/rundown-header/RundownHeader.module.scss
index 16ef27194..fca79357e 100644
--- a/apps/client/src/features/rundown/rundown-header/RundownHeader.module.scss
+++ b/apps/client/src/features/rundown/rundown-header/RundownHeader.module.scss
@@ -1,8 +1,7 @@
 .header {
-  padding-inline: calc(2.5rem - 6px) calc(1rem + 2px);
+  padding-inline: calc(2.5rem - 6px) 2rem;
   display: flex;
   align-items: center;
-  gap: 1px;
 
   :is([data-target='small-device']) & {
     padding-inline: 0;
@@ -12,7 +11,12 @@
 
 .group {
   display: flex;
-  gap: 0.25rem;
+  align-items: center;
+  gap: 2px;
+  padding-inline: 2px;
+  background: $gray-1100;
+  border-radius: $component-border-radius-md;
+  height: 2rem;
 }
 
 .button {
@@ -20,7 +24,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 2rem;
+  height: calc(2rem - 4px); // padding inline * 2
   padding-inline: 1em;
   border: 1px solid transparent;
   border-radius: $component-border-radius-md;
diff --git a/apps/client/src/features/rundown/rundown-header/RundownMenu.tsx b/apps/client/src/features/rundown/rundown-header/RundownMenu.tsx
index 152c8e495..faa3daee2 100644
--- a/apps/client/src/features/rundown/rundown-header/RundownMenu.tsx
+++ b/apps/client/src/features/rundown/rundown-header/RundownMenu.tsx
@@ -33,12 +33,12 @@ function RundownMenu() {
         disabled={appMode === AppMode.Run}
       >
         <IoTrash />
-        Clear All
+        Clear all
       </Button>
       <Dialog
         isOpen={isOpen}
         onClose={handlers.close}
-        title='Clear Rundown'
+        title='Clear rundown'
         showBackdrop
         showCloseButton
         bodyElements={