From 12fc76b8ff81eeb55fa0dec391c2feca78329679 Mon Sep 17 00:00:00 2001
From: Carlos Valente <carlosvalente@pm.me>
Date: Sun, 2 Aug 2026 12:54:22 +0200
Subject: [PATCH] refactor(op): simplify UI elements

---
 .../operator/operator-event/OperatorEvent.module.scss  | 10 ++++------
 .../features/operator/operator-event/OperatorEvent.tsx |  2 +-
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/apps/client/src/features/operator/operator-event/OperatorEvent.module.scss b/apps/client/src/features/operator/operator-event/OperatorEvent.module.scss
index 8fd62b845..3aaf29bbd 100644
--- a/apps/client/src/features/operator/operator-event/OperatorEvent.module.scss
+++ b/apps/client/src/features/operator/operator-event/OperatorEvent.module.scss
@@ -2,7 +2,6 @@
 
 .event {
   opacity: 1;
-  border-top: 1px solid $white-1;
   padding-right: 0.5rem;
   color: $white-90;
   background-color: $viewer-card-bg-color;
@@ -31,7 +30,6 @@
   }
 
   &.running {
-    border-top: 1px solid $gray-1300;
     background-color: var(--operator-running-bg-override, $active-green);
   }
 
@@ -42,8 +40,7 @@
   }
 
   &.past {
-    border-top: 1px solid transparent;
-    opacity: 0.2;
+    opacity: 0.4;
   }
 }
 
@@ -79,6 +76,7 @@
 
 .mainField {
   grid-area: main;
+  min-width: 0;
   font-size: 1.5rem;
   color: $ui-white;
 
@@ -144,6 +142,7 @@
 
 .fields {
   grid-area: fields;
+  min-width: 0;
   margin-top: 0;
   border-top: 0;
 
@@ -171,10 +170,9 @@
   &.fieldsWithContent {
     margin-top: 0.25rem;
     padding-block: 0.5rem;
-    border-top: 1px solid $white-13;
 
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr));
     gap: 0.25rem 0.75rem;
     line-height: 1.25em;
     font-size: var(--operator-customfield-font-size-override, 1.25rem);
diff --git a/apps/client/src/features/operator/operator-event/OperatorEvent.tsx b/apps/client/src/features/operator/operator-event/OperatorEvent.tsx
index eef545e94..71a2358bd 100644
--- a/apps/client/src/features/operator/operator-event/OperatorEvent.tsx
+++ b/apps/client/src/features/operator/operator-event/OperatorEvent.tsx
@@ -82,7 +82,7 @@ function OperatorEvent({
   const fieldGridStyle =
     columnCount > 0
       ? ({
-          gridTemplateColumns: `repeat(${columnCount}, minmax(12rem, 1fr))`,
+          gridTemplateColumns: `repeat(${columnCount}, minmax(min(12rem, 100%), 1fr))`,
         } satisfies CSSProperties)
       : undefined;