ci: consolidate CI into single job; fix sidebar footer (#14)

compliance-dashboard/assets/main.css

@@ -262,13 +262,120 @@ code {
     color: var(--accent);
 }
 
-.sidebar-footer {
-    padding: 14px 20px;
+.sidebar-spacer {
+    flex: 1;
+}
+
+.sidebar-user {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 12px 16px;
     border-top: 1px solid var(--border);
-    font-family: var(--font-mono);
+}
+
+.sidebar.collapsed .sidebar-user {
+    justify-content: center;
+    flex-direction: column;
+    gap: 6px;
+    padding: 12px 8px;
+}
+
+.user-avatar {
+    width: 36px;
+    height: 36px;
+    border-radius: 50%;
+    background: linear-gradient(135deg, rgba(56, 189, 248, 0.2), rgba(139, 92, 246, 0.15));
+    border: 2px solid rgba(56, 189, 248, 0.2);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    transition: border-color 0.2s;
+}
+
+.user-avatar:hover {
+    border-color: rgba(56, 189, 248, 0.4);
+}
+
+.avatar-initials {
+    font-size: 14px;
+    font-weight: 700;
+    color: var(--accent);
+    line-height: 1;
+    text-transform: uppercase;
+}
+
+.avatar-img {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    object-fit: cover;
+}
+
+.user-info {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+}
+
+.user-name {
+    font-size: 13px;
+    font-weight: 600;
+    color: var(--text-primary);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.logout-link {
     font-size: 11px;
     color: var(--text-tertiary);
-    letter-spacing: 0.02em;
+    text-decoration: none;
+    transition: color 0.15s;
+}
+
+.logout-link:hover {
+    color: #fca5a5;
+}
+
+.logout-btn-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--text-tertiary);
+    text-decoration: none;
+    transition: color 0.15s;
+}
+
+.logout-btn-icon:hover {
+    color: #fca5a5;
+}
+
+.sidebar-legal {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    padding: 8px 16px 14px;
+    font-size: 11px;
+}
+
+.sidebar-legal a {
+    color: var(--text-tertiary);
+    text-decoration: none;
+    transition: color 0.15s;
+}
+
+.sidebar-legal a:hover {
+    color: var(--text-secondary);
+}
+
+.legal-dot {
+    color: var(--text-tertiary);
+    opacity: 0.5;
 }
 
 .sidebar-toggle {

compliance-dashboard/src/components/sidebar.rs

@@ -109,6 +109,8 @@ pub fn Sidebar() -> Element {
                     span { "Docs" }
                 }
             }
+            // Spacer pushes footer to the bottom
+            div { class: "sidebar-spacer" }
             button {
                 class: "sidebar-toggle",
                 onclick: move |_| collapsed.set(!collapsed()),
@@ -122,9 +124,8 @@ pub fn Sidebar() -> Element {
                 let auth_info = use_context::<Signal<AuthInfo>>();
                 let info = auth_info();
                 let initials = info.name.chars().next().unwrap_or('U').to_uppercase().to_string();
-                let user_class = if collapsed() { "sidebar-user sidebar-user-collapsed" } else { "sidebar-user" };
                 rsx! {
-                    div { class: "{user_class}",
+                    div { class: "sidebar-user",
                         div { class: "user-avatar",
                             if info.avatar_url.is_empty() {
                                 span { class: "avatar-initials", "{initials}" }
@@ -133,13 +134,29 @@ pub fn Sidebar() -> Element {
                             }
                         }
                         if !collapsed() {
-                            span { class: "user-name", "{info.name}" }
+                            div { class: "user-info",
+                                span { class: "user-name", "{info.name}" }
+                                a {
+                                    href: "/logout",
+                                    class: "logout-link",
+                                    "Sign out"
+                                }
+                            }
                         }
-                        a {
-                            href: "/logout",
-                            class: if collapsed() { "logout-btn logout-btn-collapsed" } else { "logout-btn" },
-                            title: "Sign out",
-                            Icon { icon: BsBoxArrowRight, width: 16, height: 16 }
+                        if collapsed() {
+                            a {
+                                href: "/logout",
+                                class: "logout-btn-icon",
+                                title: "Sign out",
+                                Icon { icon: BsBoxArrowRight, width: 14, height: 14 }
+                            }
+                        }
+                    }
+                    if !collapsed() {
+                        div { class: "sidebar-legal",
+                            a { href: "/privacy", "Privacy" }
+                            span { class: "legal-dot", "·" }
+                            a { href: "/impressum", "Impressum" }
                         }
                     }
                 }