Improve mail and calendar UI: tighter checkbox layout and current time styling

src/calendar/widgets/WeekGrid.py

@@ -374,7 +374,9 @@ class WeekGridBody(ScrollView):
         # Style time label - highlight current time, dim outside work hours
         if is_current_time_row:
             error_color = self._get_theme_color("error")
-            time_style = Style(color=error_color, bold=True)
+            # Add subtle background to current time row for better visibility
+            surface_color = self._get_theme_color("surface")
+            time_style = Style(color=error_color, bold=True, bgcolor=surface_color)
         elif (
             row_index < self._work_day_start * rows_per_hour
             or row_index >= self._work_day_end * rows_per_hour

src/mail/email_viewer.tcss

@@ -123,7 +123,7 @@ EnvelopeListItem .status-icon.unread {
 }
 
 EnvelopeListItem .checkbox {
-  width: 2;
+  width: 1;
   padding: 0;
 }
 
@@ -139,12 +139,12 @@ EnvelopeListItem .message-datetime {
 
 EnvelopeListItem .email-subject {
   width: 1fr;
-  padding: 0 4;
+  padding: 0 3;
 }
 
 EnvelopeListItem .email-preview {
   width: 1fr;
-  padding: 0 4;
+  padding: 0 3;
   color: $text-muted;
 }
 

src/mail/widgets/EnvelopeListItem.py

@@ -48,12 +48,7 @@ class EnvelopeListItem(Static):
     }
 
     EnvelopeListItem .checkbox {
-        width: 2;
-        padding: 0;
-    }
-
-    EnvelopeListItem .checkbox {
-        width: 2;
+        width: 1;
         padding: 0;
     }