Added Notifications

resources/js/Components/FlightsGoneBy/DepartureBoard.vue

@@ -185,6 +185,12 @@ watch(
     font-family: 'Barlow', sans-serif !important;
 }
 
+@media (max-width: 1180px) {
+    :deep(.v-data-table__th) {
+        padding: 0.75rem 4px !important;
+    }
+}
+
 :deep(.v-data-table-header__content) {
     font-family: 'Share Tech Mono', monospace !important;
     font-size: 0.68rem !important;

resources/js/Components/FlightsGoneBy/DepartureBoardTableRow.vue

@@ -187,6 +187,14 @@ const page = usePage<SharedProps>()
         white-space: nowrap;
     }
 
+    .flight-number-cell {
+        padding-left: 4px !important;
+    }
+
+    .actions-cell {
+        padding: 0 2px !important;
+    }
+
     .flight-number-cell,
     .duration-cell,
     .distance-cell,
@@ -195,20 +203,26 @@ const page = usePage<SharedProps>()
         white-space: nowrap;
     }
 
+    .airline-logo-cell {
+        width: 36px !important;
+        min-width: 36px !important;
+        max-width: 36px !important;
+        padding: 0 !important;
+    }
+
+    .v-data-table__td.airline-logo-cell {
+        padding: 0 !important;
+    }
+
     .class-badges-cell {
         max-width: 140px;
         overflow: hidden;
+    }
+
+    .class-cell > *:not(:first-child) {
         display: none;
     }
 
-    .class-cell {
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-        flex-wrap: nowrap;
-        overflow-x: auto;
-        scrollbar-width: none;
-        &::-webkit-scrollbar { display: none; }
-    }
+
 }
 </style>