Update font sizes and padding across various views for consistency

- Changed heading sizes from HEADLINE_3_SIZE to HEADLINE_2_SIZE in multiple views (Profile, Dashboard, Invoicing, Tax, Time Tracking) for improved hierarchy.
- Adjusted padding values in several components (HomeScreen, ClientRow, ContactRow, ContractRow, ProjectRow) to enhance layout consistency.
- Updated dimension values in dimens.py to reflect new standard sizes for better alignment across the application.

Author: clstaudt

tuttle/app/auth/view.py

@@ -1010,7 +1010,7 @@ def build(self):
         self.expand = True
         self.spacing = dimens.SPACE_SM
         self.controls = [
-            views.THeading("Profile", size=fonts.HEADLINE_3_SIZE),
+            views.THeading("Profile", size=fonts.HEADLINE_2_SIZE),
             self.loading_indicator,
             Container(
                 border=Border(bottom=BorderSide(1, colors.border)),

tuttle/app/clients/view.py

@@ -63,9 +63,9 @@ def __init__(
 
         super().__init__(
             bgcolor=_bg,
-            border=Border(bottom=BorderSide(1, colors.border)),
+            border=Border(bottom=BorderSide(1, colors.border_subtle)),
             padding=Padding.symmetric(
-                horizontal=dimens.SPACE_MD, vertical=dimens.SPACE_SM
+                horizontal=dimens.SPACE_MD, vertical=dimens.SPACE_STD
             ),
             on_click=lambda e: on_click(client) if on_click else None,
             on_hover=self._on_hover,

tuttle/app/contacts/view.py

@@ -58,9 +58,9 @@ def __init__(
 
         super().__init__(
             bgcolor=_bg,
-            border=Border(bottom=BorderSide(1, colors.border)),
+            border=Border(bottom=BorderSide(1, colors.border_subtle)),
             padding=Padding.symmetric(
-                horizontal=dimens.SPACE_MD, vertical=dimens.SPACE_SM
+                horizontal=dimens.SPACE_MD, vertical=dimens.SPACE_STD
             ),
             on_click=lambda e: on_click(contact),
             on_hover=self._on_hover,

tuttle/app/contracts/view.py

@@ -81,9 +81,9 @@ def __init__(
 
         super().__init__(
             bgcolor=_bg,
-            border=Border(bottom=BorderSide(1, colors.border)),
+            border=Border(bottom=BorderSide(1, colors.border_subtle)),
             padding=Padding.symmetric(
-                horizontal=dimens.SPACE_MD, vertical=dimens.SPACE_SM
+                horizontal=dimens.SPACE_MD, vertical=dimens.SPACE_STD
             ),
             on_click=lambda e: on_click(contract.id),
             on_hover=self._on_hover,

tuttle/app/core/views.py

@@ -785,7 +785,7 @@ class SectionLabel(Container):
     def __init__(self, title: str):
         super().__init__(
             padding=Padding.only(
-                left=dimens.SPACE_STD, top=dimens.SPACE_MD, bottom=dimens.SPACE_XXS
+                left=dimens.SPACE_STD, top=dimens.SPACE_LG, bottom=dimens.SPACE_XXS
             ),
             content=Text(
                 title.upper(),
@@ -800,8 +800,7 @@ def __init__(self, title: str):
 class SidebarNavItem(Container):
     """A single sidebar navigation item — macOS-native feel."""
 
-    # Semi-transparent white tint for selected state (native macOS style)
-    _SELECTED_BG = "#14FFFFFF"  # ~8% white
+    _SELECTED_BG = "#1AFFFFFF"  # ~10% white
     _HOVER_BG = "#0AFFFFFF"  # ~4% white
 
     def __init__(
@@ -818,17 +817,21 @@ def __init__(
         self._on_click = on_click
 
         bg = self._SELECTED_BG if selected else None
+        left_indicator = (
+            Border(left=BorderSide(width=2, color=colors.accent)) if selected else None
+        )
         icon_color = colors.text_inverse if selected else colors.text_muted
         text_color = colors.text_primary if selected else colors.text_secondary
         current_icon = selected_icon if selected else icon
 
         super().__init__(
             bgcolor=bg,
+            border=left_indicator,
             border_radius=dimens.RADIUS_LG,
             padding=Padding.symmetric(
                 horizontal=dimens.SPACE_SM, vertical=dimens.SPACE_XS
             ),
-            margin=Margin.symmetric(horizontal=dimens.SPACE_XXS, vertical=1),
+            margin=Margin.symmetric(horizontal=dimens.SPACE_XXS, vertical=2),
             on_click=on_click,
             on_hover=self._on_hover,
             content=Row(
@@ -1429,7 +1432,7 @@ def __init__(self, params: TViewParams):
             controls=[
                 THeading(
                     f"My {self.entity_name_plural.title()}",
-                    size=fonts.HEADLINE_3_SIZE,
+                    size=fonts.HEADLINE_2_SIZE,
                 ),
             ],
         )
@@ -1747,9 +1750,9 @@ def build(self):
         if col_headers:
             self._header_row_container = Container(
                 padding=Padding.symmetric(
-                    horizontal=dimens.SPACE_MD, vertical=dimens.SPACE_XS
+                    horizontal=dimens.SPACE_MD, vertical=dimens.SPACE_SM
                 ),
-                border=Border(bottom=BorderSide(1, colors.border)),
+                border=Border(bottom=BorderSide(1, colors.border_subtle)),
             )
             self._rebuild_header_row()
             controls.append(self._header_row_container)

tuttle/app/dashboard/view.py

@@ -57,7 +57,7 @@ def __init__(
         super().__init__(
             bgcolor=colors.bg_surface,
             border_radius=dimens.RADIUS_LG,
-            padding=Padding.all(dimens.SPACE_SM),
+            padding=Padding.all(dimens.SPACE_STD),
             col={"xs": 12, "sm": 6, "md": 4, "lg": 3},
             content=Column(
                 spacing=dimens.SPACE_XS,
@@ -223,7 +223,7 @@ def build(self):
                 content=Column(
                     spacing=dimens.SPACE_XS,
                     controls=[
-                        views.THeading("Dashboard", size=fonts.HEADLINE_3_SIZE),
+                        views.THeading("Dashboard", size=fonts.HEADLINE_2_SIZE),
                         Row(
                             alignment=MainAxisAlignment.CENTER,
                             controls=[self._spinner],

tuttle/app/home/view.py

@@ -299,10 +299,10 @@ def build(self):
         )
         self.destination_content_container = Container(
             padding=Padding.only(
-                left=dimens.SPACE_MD,
-                right=dimens.SPACE_MD,
+                left=dimens.SPACE_LG,
+                right=dimens.SPACE_LG,
                 bottom=dimens.SPACE_MD,
-                top=dimens.SPACE_XS,
+                top=dimens.SPACE_SM,
             ),
             content=Column(
                 controls=[self._destination_wrapper],

tuttle/app/invoicing/view.py

@@ -963,7 +963,7 @@ def build(self):
 
         self.title_control = Row(
             controls=[
-                views.THeading(title="Invoicing", size=fonts.HEADLINE_3_SIZE),
+                views.THeading(title="Invoicing", size=fonts.HEADLINE_2_SIZE),
             ],
         )
 

tuttle/app/preferences/view.py

@@ -464,7 +464,7 @@ def build(self):
         self.expand = True
         self.spacing = dimens.SPACE_SM
         self.controls = [
-            views.THeading("Preferences", size=fonts.HEADLINE_3_SIZE),
+            views.THeading("Preferences", size=fonts.HEADLINE_2_SIZE),
             self.loading_indicator,
             Container(
                 border=Border(bottom=BorderSide(1, colors.border)),

tuttle/app/projects/view.py

@@ -79,9 +79,9 @@ def __init__(
 
         super().__init__(
             bgcolor=_bg,
-            border=Border(bottom=BorderSide(1, colors.border)),
+            border=Border(bottom=BorderSide(1, colors.border_subtle)),
             padding=Padding.symmetric(
-                horizontal=dimens.SPACE_MD, vertical=dimens.SPACE_SM
+                horizontal=dimens.SPACE_MD, vertical=dimens.SPACE_STD
             ),
             on_click=lambda e: on_click(project.id),
             on_hover=self._on_hover,