refactor: clearer relationship on rundown elements

apps/client/src/features/rundown/Rundown.module.scss

@@ -7,7 +7,6 @@
   margin-top: 1rem;
   display: flex;
   flex-direction: column;
-  padding-right: 4px; // size of scrollbar
   overflow-y: scroll;
   height: 100%;
 }
@@ -16,6 +15,7 @@
   overflow-x: clip;
   display: flex;
   flex-direction: column;
+  padding-inline: 1rem;
 }
 
 .empty {

apps/client/src/features/rundown/RundownExport.module.scss

@@ -25,7 +25,7 @@
 .list {
   @include editor.panel;
   height: inherit;
-  padding-left: 0;
+  padding-inline: 0;
   box-shadow: $box-shadow-right;
 
   flex: 1 2 auto; /* flex-grow: 1, flex-shrink: 2, flex-basis: auto */

apps/client/src/features/rundown/_blockMixins.scss

@@ -21,18 +21,12 @@ $block-cursor-color: $orange-400;
   border: 1px solid $white-7;
   border-radius: $block-border-radius;
   margin-block: 0.25rem;
-  margin-right: 0.125rem;
   position: relative;
   color: $block-text-color;
 
   min-width: $block-width;
 }
 
-@mixin block-spacing() {
-  padding-right: 0.5rem;
-  gap: 2px;
-}
-
 @mixin drag-style() {
   font-size: 20px;
   justify-self: center;

apps/client/src/features/rundown/block-block/BlockBlock.module.scss

@@ -1,9 +1,7 @@
 @use '../blockMixins' as *;
 
 .block {
-  @include block-spacing;
   @include block-styling;
-  margin-left: 0.5rem;
 
   background-color: $block-bg2;
 

apps/client/src/features/rundown/delay-block/DelayBlock.module.scss

@@ -1,11 +1,10 @@
 @use '../blockMixins' as *;
 
 .delay {
-  @include block-spacing;
   @include block-styling;
-  margin-left: 0.5rem;
 
   background-color: $block-bg2;
+  padding-right: 0.5rem;
 
   display: grid;
   grid-template-columns: 2rem 1fr auto;

apps/client/src/features/rundown/quick-add-block/QuickAddBlock.module.scss

@@ -5,7 +5,6 @@
 
   margin: 0.25rem 0;
   font-size: calc(1rem - 3px);
-  padding-inline: calc(2em + 0.5rem) 0.75rem;
 }
 
 .quickBtn {

apps/client/src/features/rundown/rundown-header/RundownHeader.module.scss

@@ -1,5 +1,5 @@
 .header {
-  padding-inline: calc(2rem - 6px + 0.5rem) calc(1rem + 2px);
+  padding-inline: 1rem 2rem;
   
   display: flex;
   align-items: center;