From 07e84ae69f78b6be588382149504adbebb2f1d36 Mon Sep 17 00:00:00 2001
From: enzo <webmaster@sygrie.fr>
Date: Wed, 13 May 2026 01:48:00 +0200
Subject: [PATCH] fix(ui): use DEFAULT_CSS with selectors in detail screens

- Replace inline CSS string with DEFAULT_CSS class attribute
- Add proper Textual CSS selectors (ScreenName, #toolbar, DataTable)
- Remove invalid align at root level
---
 full_updater/ui/detail_screens.py | 37 ++++++++++++++++++++-----------
 1 file changed, 24 insertions(+), 13 deletions(-)

diff --git a/full_updater/ui/detail_screens.py b/full_updater/ui/detail_screens.py
index 7299705..dc64962 100644
--- a/full_updater/ui/detail_screens.py
+++ b/full_updater/ui/detail_screens.py
@@ -9,24 +9,22 @@ except Exception:
     PYPERCLIP_OK = False
 
 
-SCREEN_CSS = """
-    align: left top;
-    padding: 1 2;
-    #toolbar {
+class PackageListScreen(Screen):
+    BINDINGS = [("b", "back", "Retour")]
+    DEFAULT_CSS = """
+    PackageListScreen {
+        align: left top;
+        padding: 1 2;
+    }
+    PackageListScreen #toolbar {
         height: auto;
-        dock: top;
         margin-bottom: 1;
     }
-    DataTable {
+    PackageListScreen DataTable {
         height: 1fr;
         border: solid $primary;
     }
-"""
-
-
-class PackageListScreen(Screen):
-    BINDINGS = [("b", "back", "Retour")]
-    CSS = SCREEN_CSS
+    """
 
     def __init__(self, packages: list[dict]):
         super().__init__()
@@ -52,7 +50,20 @@ class PackageListScreen(Screen):
 
 class CVEListScreen(Screen):
     BINDINGS = [("b", "back", "Retour")]
-    CSS = SCREEN_CSS
+    DEFAULT_CSS = """
+    CVEListScreen {
+        align: left top;
+        padding: 1 2;
+    }
+    CVEListScreen #toolbar {
+        height: auto;
+        margin-bottom: 1;
+    }
+    CVEListScreen DataTable {
+        height: 1fr;
+        border: solid $primary;
+    }
+    """
 
     def __init__(self, cves: list[dict]):
         super().__init__()