mobil

frontend/src/style.css

@@ -1132,6 +1132,9 @@ textarea:focus {
     height: auto;
     min-height: 100%;
     overflow-y: auto;
+    overflow-x: hidden;
+    width: 100%;
+    max-width: 100vw;
   }
 
   .dashboard-header h2 {
@@ -1142,12 +1145,15 @@ textarea:focus {
     flex-direction: column;
     height: auto;
     overflow: visible;
+    width: 100%;
+    gap: 16px;
   }
 
   .run-history {
     width: 100%;
     max-height: 200px;
     flex-shrink: 0;
+    margin-bottom: 8px;
   }
 
   .run-details {
@@ -1155,6 +1161,14 @@ textarea:focus {
     height: auto;
     overflow: visible;
     gap: 16px;
+    width: 100%;
+  }
+
+  .answer-container {
+    width: 100%;
+    margin-bottom: 8px;
+    border-left: none;
+    border-top: 4px solid var(--primary);
   }
 
   .logs-container {
@@ -1199,4 +1213,29 @@ textarea:focus {
   textarea {
     font-size: 16px !important;
   }
+
+  /* Force word break for long text in containers */
+  .answer-output,
+  .activity-table td {
+    word-break: break-word;
+  }
+
+  .activity-table td {
+    padding: 12px 10px;
+  }
+
+  /* Hide Date on very small mobile to prevent table overflow */
+  @media (max-width: 480px) {
+
+    .activity-table th:last-child,
+    .activity-table td:last-child {
+      display: none;
+    }
+  }
+
+  /* Prevent horizontal scroll on the entire app */
+  #app {
+    width: 100vw;
+    overflow-x: hidden;
+  }
 }