From 4827b295fa4dfa56fc5f968ba443a6509c2a48e6 Mon Sep 17 00:00:00 2001
From: Carlos Valente <carlosvalente@pm.me>
Date: Fri, 20 Jun 2025 21:18:31 +0200
Subject: [PATCH] refactor: cleanup display options layout

---
 .../composite/EventEditorTimes.tsx            | 46 +++++++++----------
 1 file changed, 22 insertions(+), 24 deletions(-)

diff --git a/apps/client/src/features/rundown/event-editor/composite/EventEditorTimes.tsx b/apps/client/src/features/rundown/event-editor/composite/EventEditorTimes.tsx
index c68319486..182ef166a 100644
--- a/apps/client/src/features/rundown/event-editor/composite/EventEditorTimes.tsx
+++ b/apps/client/src/features/rundown/event-editor/composite/EventEditorTimes.tsx
@@ -29,6 +29,7 @@ interface EventEditorTimesProps {
 
 type HandledActions = 'countToEnd' | 'timerType' | 'endAction' | 'timeWarning' | 'timeDanger';
 
+export default memo(EventEditorTimes);
 function EventEditorTimes(props: EventEditorTimesProps) {
   const {
     eventId,
@@ -153,34 +154,31 @@ function EventEditorTimes(props: EventEditorTimesProps) {
               <option value={TimerType.None}>None</option>
             </Select>
           </div>
-          <div>
-            {/* TODO: rearrange this grid */}
-          </div>
-          <div>
-            <Editor.Label htmlFor='timeWarning'>Warning Time</Editor.Label>
-            <TimeInput
-              id='timeWarning'
-              name='timeWarning'
-              submitHandler={handleSubmit}
-              time={timeWarning}
-              placeholder='Duration'
-            />
-          </div>
 
-          <div>
-            <Editor.Label htmlFor='timeDanger'>Danger Time</Editor.Label>
-            <TimeInput
-              id='timeDanger'
-              name='timeDanger'
-              submitHandler={handleSubmit}
-              time={timeDanger}
-              placeholder='Duration'
-            />
+          <div className={style.inline}>
+            <div>
+              <Editor.Label htmlFor='timeWarning'>Warning Time</Editor.Label>
+              <TimeInput
+                id='timeWarning'
+                name='timeWarning'
+                submitHandler={handleSubmit}
+                time={timeWarning}
+                placeholder='Duration'
+              />
+            </div>
+            <div>
+              <Editor.Label htmlFor='timeDanger'>Danger Time</Editor.Label>
+              <TimeInput
+                id='timeDanger'
+                name='timeDanger'
+                submitHandler={handleSubmit}
+                time={timeDanger}
+                placeholder='Duration'
+              />
+            </div>
           </div>
         </div>
       </div>
     </>
   );
 }
-
-export default memo(EventEditorTimes);