links

frontend/src/styles/sidebar/sidebar.css

@@ -189,13 +189,45 @@
 }
 
 .sidebar__footer {
-  margin-top: auto;
-  padding: 0.75rem 1rem 1rem;
-  border-top: 1px solid var(--border);
+  border-top: 1px solid var(--border-muted, var(--border));
   background: var(--surface-subtle);
+  padding: 0.6rem 0.85rem;
   display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
+  gap: 0.35rem;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  color: var(--muted);
+}
+
+.sidebar__footer-link {
+  display: inline-flex;
+  flex: 1 1 0;
+  align-items: center;
+  justify-content: center;
+  gap: 0.25rem;
+  font-size: 0.83rem;
+  color: inherit;
+  text-decoration: none;
+  padding: 0.2rem 0.35rem;
+  border-radius: 999px;
+  transition:
+    color 0.12s ease,
+    background-color 0.12s ease;
+}
+
+.sidebar__footer-link:visited {
+  color: inherit;
+}
+
+.sidebar__footer-link:hover,
+.sidebar__footer-link:focus-visible {
+  color: var(--sidebar-fg, var(--fg));
+  background-color: color-mix(in srgb, var(--surface-overlay) 20%, transparent);
+}
+
+.sidebar__footer-link .icon {
+  flex-shrink: 0;
 }
 
 .sidebar__title {