refactor: tweaks to countdown styles

apps/cli/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@getontime/cli",
-    "version": "4.0.0-alpha.6",
+    "version": "4.0.0-beta.2",
     "author": "Carlos Valente",
     "description": "Time keeping for live events",
     "repository": "https://github.com/cpvalente/ontime",

apps/client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ontime-ui",
-  "version": "4.0.0-alpha.6",
+  "version": "4.0.0-beta.2",
   "private": true,
   "type": "module",
   "dependencies": {

apps/client/src/common/components/client-modal/RedirectClientModal.tsx

@@ -35,10 +35,11 @@ export function RedirectClientModal({ id, isOpen, name, currentPath, origin, onC
     }
 
     if (newPath.startsWith('preset-')) {
+      setRedirect({ target: id, redirect: newPath.slice(7) });
+    } else {
       setRedirect({ target: id, redirect: newPath });
     }
 
-    setRedirect({ target: id, redirect: newPath });
     onClose();
   };
 

apps/client/src/common/hooks/useSocket.ts

@@ -10,7 +10,10 @@ const createSelector =
 
 export const setClientRemote = {
   setIdentify: (payload: { target: string; identify: boolean }) => sendSocket('client', payload),
-  setRedirect: (payload: { target: string; redirect: string }) => sendSocket('client', payload),
+  setRedirect: (payload: { target: string; redirect: string }) => {
+    console.log('--- got', payload);
+    sendSocket('client', payload);
+  },
   setClientName: (payload: { target: string; rename: string }) => sendSocket('client', payload),
 };
 

apps/client/src/views/countdown/SingleEventCountdown.scss

@@ -1,11 +1,10 @@
 @use '@/theme/viewerDefs' as *;
 
 .single-container {
-  height: 100%;
-  margin-top: 5vh;
+  margin-top: 7.5vh;
   display: flex;
   flex-direction: column;
-  gap: $view-element-gap;
+  gap: 5rem;
 }
 
 .event__title {
@@ -13,21 +12,25 @@
   padding: $view-card-padding;
   border-radius: $element-border-radius;
   font-size: clamp(40px, 4.5vw, 80px);
-  line-height: 1.1em;
+  line-height: 1.1;
   text-align: center;
   border-left: 0.25em solid;
   border-color: var(--card-background-color-override, $viewer-card-bg-color);
 
   .secondary {
-  text-align: left;
-  font-size: clamp(20px, 2vw, 40px);
+    text-align: left;
+    font-size: $title-font-size;
+  }
 
+  .sub__schedule {
+    color: inherit;
+    font-size: $base-font-size;
   }
 }
 
 .event__status {
   color: var(--secondary-color-override, $viewer-secondary-color);
-  font-size: clamp(2rem, 3.5vw, 3.5rem);
+  font-size: $header-font-size;
   font-weight: 600;
   text-transform: uppercase;
 }

apps/electron/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ontime-electron",
-  "version": "4.0.0-alpha.6",
+  "version": "4.0.0-beta.2",
   "author": "Carlos Valente",
   "description": "Time keeping for live events",
   "repository": "https://github.com/cpvalente/ontime",

apps/server/package.json

@@ -2,7 +2,7 @@
   "name": "ontime-server",
   "type": "module",
   "main": "src/index.ts",
-  "version": "4.0.0-alpha.6",
+  "version": "4.0.0-beta.2",
   "exports": "./src/index.js",
   "dependencies": {
     "@googleapis/sheets": "^5.0.5",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ontime",
-  "version": "4.0.0-alpha.6",
+  "version": "4.0.0-beta.2",
   "description": "Time keeping for live events",
   "keywords": [
     "ontime",