updates

antonisloizou · antonisloizou · commit 01b5068a48bb · 2026-03-20T15:22:45.000+01:00
diff --git a/frontend/dist/index.html b/frontend/dist/index.html
@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Innhopp Central</title>
-    <script type="module" crossorigin src="/assets/index-Dm4zlAHu.js"></script>
+    <script type="module" crossorigin src="/assets/index-DMnYf5cB.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-DPKGwaKq.css">
   </head>
   <body>
diff --git a/frontend/src/pages/EventSchedulePage.tsx b/frontend/src/pages/EventSchedulePage.tsx
@@ -1970,17 +1970,19 @@ const EventSchedulePage = () => {
                   );
                 }
                 const content = (
-                  <div style={{ display: 'flex', flexDirection: 'column', gap: '0.15rem' }}>
-                    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', flexWrap: 'wrap' }}>
-                      <strong>{entry.title}</strong>
+                  <div style={{ display: 'flex', flexDirection: 'column', gap: '0.15rem', minWidth: 0 }}>
+                    <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem', flexWrap: 'wrap', minWidth: 0 }}>
+                      <strong style={{ minWidth: 0, overflowWrap: 'anywhere' }}>{entry.title}</strong>
                       <div
                         style={{
                           marginLeft: 'auto',
-                          display: 'grid',
-                          gridTemplateColumns: 'minmax(56px, 80px) minmax(130px, 190px)',
+                          display: 'flex',
+                          flexWrap: 'wrap',
                           alignItems: 'center',
-                          justifyItems: 'center',
-                          columnGap: '0.5rem'
+                          justifyContent: 'flex-end',
+                          gap: '0.5rem',
+                          minWidth: 0,
+                          maxWidth: '100%'
                         }}
                       >
                         {statusBadge || <span style={{ visibility: 'hidden', ...compactBadgeStyle }}>!</span>}
@@ -1997,20 +1999,24 @@ const EventSchedulePage = () => {
                       <div
                         className="muted"
                         style={{
-                          display: 'grid',
-                          gridTemplateColumns: 'auto minmax(120px, 170px) 1.5rem auto minmax(0, 1fr)',
+                          display: 'flex',
+                          flexWrap: 'wrap',
                           alignItems: 'center',
-                          columnGap: '0.35rem'
+                          gap: '0.75rem',
+                          minWidth: 0
                         }}
                       >
-                        <span>⏱</span>
-                        <span>{entry.routeDurationLabel}</span>
-                        <span />
-                        <span>🚐︎</span>
-                        <span>{entry.routeVehiclesLabel}</span>
+                        <span style={{ display: 'inline-flex', alignItems: 'center', gap: '0.35rem' }}>
+                          <span>⏱</span>
+                          <span>{entry.routeDurationLabel}</span>
+                        </span>
+                        <span style={{ display: 'inline-flex', alignItems: 'center', gap: '0.35rem', minWidth: 0, maxWidth: '100%' }}>
+                          <span>🚐︎</span>
+                          <span style={{ minWidth: 0, overflowWrap: 'anywhere' }}>{entry.routeVehiclesLabel}</span>
+                        </span>
                       </div>
                     ) : (
-                      entry.subtitle && <div className="muted">{entry.subtitle}</div>
+                      entry.subtitle && <div className="muted" style={{ minWidth: 0, overflowWrap: 'anywhere' }}>{entry.subtitle}</div>
                     )}
                   </div>
                 );
