style v2 tweaks (#415)

* fix: reset rundown on upload

* style: facilitate reaching event id

* fix: show rundown on half screens

* style: prevent tab overflow

* style: remove redundant information

* style: improve editor in small screens

* style: small tweaks to editor sizes

apps/client/src/features/control/playback/playback-buttons/PlaybackButtons.module.scss

@@ -7,13 +7,13 @@
           "go playback"
           "go transport"
           "extra extra";
-  grid-template-rows: repeat(3, 32px);
+  grid-template-rows: repeat(3, 2rem);
   gap: $element-spacing;
 }
 
 .go {
   grid-area: go;
-  font-size: 5em;
+  font-size: 5rem;
 }
 
 @mixin spaced-flex {

apps/client/src/features/control/playback/playback-timer/PlaybackTimer.module.scss

@@ -7,7 +7,7 @@
     'ind clk clk btn'
     '... sta fin btn';
   grid-template-rows: 1fr auto;
-  grid-template-columns: 1.5em 1fr 1fr 5em;
+  grid-template-columns: 1.25rem 1fr 1fr 5rem;
   gap: $element-inner-spacing;
   justify-items: start;
 }
@@ -15,7 +15,7 @@
 .timer {
   grid-area: clk;
   white-space: nowrap;
-  max-width: 300px;
+  max-width: 18.75rem;
 }
 
 .indicators {
@@ -51,7 +51,7 @@
 .indNegativeActive {
   margin: 0 auto;
   width: 90%;
-  height: 4px;
+  height: 0.25rem;
 }
 
 .indNegativeActive {
@@ -80,7 +80,7 @@
 .start,
 .finish,
 .roll {
-  height: 24px;
+  height: 1.5rem;
 }
 
 .start {

apps/client/src/features/control/playback/tap-button/TapButton.module.scss

@@ -6,7 +6,7 @@ $button-color-white: $gray-50;
 
 @mixin tap-factory($theme-color) {
   font-family: $ontime-font-family;
-  font-size: 18px;
+  font-size: calc(1rem + 2px);
   border-radius: $component-border-radius-md;
   width: 100%;
   transition-property: color, background-color;
@@ -77,17 +77,13 @@ $button-color-white: $gray-50;
   @include tap-factory($ontime-stop);
 }
 
-.tapButton.normal {
-  aspect-ratio: 3/1;
-}
-
 .tapButton.square {
   aspect-ratio: 1;
-  font-size: 14px;
+  font-size: calc(1rem - 2px);
 }
 
 .tapButton.fill {
   aspect-ratio: unset;
   height: 100%;
-  font-size: 1.5em;
+  font-size: 1.5rem;
 }