feat: improve departure information hierarchy with clearer time display

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

public/css/components.css

@@ -473,7 +473,6 @@ body.dark-mode #config-cancel-button:hover {
 .clock-time,
 .countdown-large,
 .next-departures,
-.time-display,
 #custom-weather .temperature,
 #custom-weather .forecast-hour .temp {
     font-variant-numeric: tabular-nums;
@@ -728,20 +727,10 @@ body.dark-mode .direction-destination {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
-    gap: 3px;
-    min-width: 110px;
+    gap: 2px;
     flex-shrink: 0;
-    max-width: 110px;
 }
 
-/* Time display */
-.time-display {
-    display: flex;
-    align-items: baseline;
-    gap: 4px;
-    white-space: nowrap;
-    font-size: 0.95em;
-}
 
 /* Pulse animation for urgent and now states */
 @keyframes pulse-glow {
@@ -1462,9 +1451,6 @@ body.dark-mode .config-search-input:focus-visible {
         max-width: 90px;
     }
 
-    .time-display {
-        font-size: 0.85em;
-    }
 
     .direction-arrow-box {
         width: 24px;