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/event-editor/EventEditor.module.scss

@@ -1,9 +1,9 @@
 @use '../../theme/v2Styles' as *;
 
 .eventEditor {
-  padding: 16px 32px 32px 32px;
+  padding: 1rem 2rem 2rem 2rem;
   width: 100%;
-  gap: max(16px, 2vh);
+  gap: max(1rem, 2vh);
 
   display: grid;
   grid-template-areas:
@@ -15,15 +15,17 @@
   .timeSettings {
     display: flex;
     flex-direction: column;
-    gap: 8px;
+    gap: 0.5rem;
   }
 }
 
 .eventInfo {
   grid-area: eventInfo;
-  .eventId {
-    margin-left: $element-inner-spacing;
-    user-select: text;
+  display: flex;
+  align-items: center;
+
+  .eventId {  
+    margin-left:$element-spacing;
   }
 }
 
@@ -35,7 +37,7 @@
 .timeOptions {
   grid-area: timeOptions;
   display: flex;
-  gap: 24px;
+  gap: 1.5rem;
 }
 
 .titles {
@@ -53,19 +55,19 @@
 
   .left {
     grid-area: left;
-    padding: 0 16px;
+    padding: 0 1rem;
     border-left: 1px solid $border-color-ondark;
   }
 
   .right {
-    padding-left: 16px;
+    padding-left: 1rem;
     grid-area: right;
     border-left: 1px solid $border-color-ondark;
   }
 }
 
 @mixin input-label() {
-  font-size: 13px;
+  font-size: calc(1rem - 3px);
   color: $label-gray;
 }
 
@@ -84,32 +86,32 @@
   }
 
   &.publicToggle {
-    height: 32px;
+    height: 2rem;
     display: flex;
     align-items: center;
     justify-items: center;
-    gap: 8px;
+    gap: 0.5rem;
   }
 }
 
 .spacer {
-  height: 20px;
+  height: 1.25rem;
 }
 
 .inline {
   display: flex;
   align-items: center;
-  gap: 16px;
+  gap: 1rem;
 }
 
 .column {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 0.5rem;
 }
 
 .padTop {
-  margin-top: 8px;
+  margin-top: 0.5rem;
 }
 
 .fullHeight {