Update app.py

app.py

@@ -1,4 +1,5 @@
 # -*- coding: utf-8 -*-
+from typing import Optional
 import base64, mimetypes
 from html import escape
 from pathlib import Path
@@ -30,7 +31,7 @@ STRIP_PILL_PAD_V_PX  = 8
 STRIP_PILL_PAD_H_PX  = 14
 STRIP_PILL_FONT_PX   = 16
 TAGLINE_FONT_PX      = 15
-STRIP_BELOW_GAP_PX   = 30         # space between the strip row and the hero logo
+STRIP_BELOW_GAP_PX   = 30         # space between the top-left strip row and the hero
 
 HERO_LOGO_WIDTH_PX   = 400        # width of the hero logo
 HERO_MARGIN_BOTTOM_PX= 30         # space under the hero logo
@@ -87,16 +88,19 @@ APPS = [
 ]
 
 # ========= HELPERS =========
-def data_uri(path: Path) -> str | None:
-    if not path or not path.exists(): return None
+def data_uri(path: Path) -> Optional[str]:
+    if not path or not path.exists():
+        return None
     mime, _ = mimetypes.guess_type(path.name)
-    if not mime: mime = "image/png"
+    if not mime:
+        mime = "image/png"
     b64 = base64.b64encode(path.read_bytes()).decode("utf-8")
     return f"data:{mime};base64,{b64}"
 
 def img_tag(path: Path, alt: str, cls: str = "", style: str = "") -> str:
     uri = data_uri(path)
-    if not uri: return ""
+    if not uri:
+        return ""
     cls_attr = f' class="{cls}"' if cls else ""
     style_attr = f' style="{style}"' if style else ""
     return f'<img{cls_attr}{style_attr} src="{uri}" alt="{escape(alt)}" />'
@@ -146,9 +150,7 @@ st.markdown(f"""
   }}
 
   html, body, [data-testid="stAppViewContainer"] {{ height: 100%; }}
-  [data-testid="stAppViewContainer"] > .main {{
-    padding-top: 0 !important; padding-bottom: 0 !important;
-  }}
+  [data-testid="stAppViewContainer"] > .main {{ padding-top: 0 !important; padding-bottom: 0 !important; }}
 
   .block-container {{
     max-width: 1120px;
@@ -168,7 +170,7 @@ st.markdown(f"""
   .suite-row {{
     display:flex; align-items:center; gap: var(--strip-gap);
     justify-content:flex-start; flex-wrap: wrap;
-    margin: 0 0 var(--strip-row-mb) 0;   /* was 0 0 8px 0 */
+    margin: 0 0 var(--strip-row-mb) 0;
   }}
 
   .suite-pill {{
@@ -310,7 +312,7 @@ def app_card(app: dict) -> str:
     tint = app.get("tint") if USE_TINTED_CARD_BG else f"linear-gradient(180deg, {PAPER_TOP} 0%, {PAPER_BOT} 100%)"
     icon_html = img_tag(app.get("icon"), "icon",
                         style=f"width:{ICON_IMG_PX}px;height:{ICON_IMG_PX}px;border-radius:9999px;") \
-                        if app.get("icon") and app["icon"].exists() else ""
+            if app.get("icon") and app["icon"].exists() else ""
     target = "_self"
     chip = f"<div class='suite-chip'>{escape(SUITE_NAME)}</div>" if SHOW_CARD_CHIP else ""
     style_vars = f"--card-bg:{tint};"