From 25140fb0b6c191b4ab2ce92d73c2f215c84fe0bc Mon Sep 17 00:00:00 2001
From: Albrecht Degering <albrecht@degering.name>
Date: Tue, 18 Aug 2026 21:32:50 +0200
Subject: [PATCH] style: use shared WebUI foundation tokens

---
 webui/src/styles/file-manager.css | 40 +++++++++++++++----------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/webui/src/styles/file-manager.css b/webui/src/styles/file-manager.css
index f115006..5809b08 100644
--- a/webui/src/styles/file-manager.css
+++ b/webui/src/styles/file-manager.css
@@ -113,7 +113,7 @@
   min-width: 190px;
   overflow: hidden;
   border: var(--border-line-dark);
-  border-radius: 12px;
+  border-radius: var(--radius-lg);
   background: var(--panel);
   box-shadow: var(--shadow-popover);
   padding: 6px;
@@ -125,7 +125,7 @@
   gap: 9px;
   width: 100%;
   border: 0;
-  border-radius: 8px;
+  border-radius: var(--radius-md);
   background: transparent;
   color: var(--text);
   cursor: pointer;
@@ -161,7 +161,7 @@
   max-height: min(720px, calc(100vh - 44px));
   overflow: auto;
   border: var(--border-line-dark);
-  border-radius: 16px;
+  border-radius: var(--radius-xl);
   background: var(--panel);
   box-shadow: var(--shadow-popover);
 }
@@ -236,7 +236,7 @@
   scrollbar-gutter: stable;
   padding: 8px;
   border: var(--border-line);
-  border-radius: 12px;
+  border-radius: var(--radius-lg);
   background: var(--panel-soft);
 }
 
@@ -247,7 +247,7 @@
   width: 100%;
   min-width: 0;
   border: 0;
-  border-radius: 9px;
+  border-radius: var(--radius-md);
   background: transparent;
   color: var(--text);
   cursor: pointer;
@@ -308,7 +308,7 @@
   gap: 1px;
   overflow: hidden;
   border: var(--border-line);
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   background: var(--line);
 }
 
@@ -356,7 +356,7 @@
   overflow: auto;
   scrollbar-gutter: stable;
   border: var(--border-line);
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   background: var(--surface);
 }
 
@@ -430,7 +430,7 @@
   }
 }
 
-@media (max-width: 620px) {
+@media (max-width: 680px) {
   .archive-preview-summary {
     grid-template-columns: minmax(0, 1fr);
   }
@@ -453,7 +453,7 @@
   min-height: 320px;
   overflow: hidden;
   border: var(--border-line);
-  border-radius: 12px;
+  border-radius: var(--radius-lg);
   background: var(--panel);
 }
 
@@ -498,7 +498,7 @@
   min-height: 48px;
   width: 100%;
   border: 0;
-  border-radius: 8px;
+  border-radius: var(--radius-md);
   background: transparent;
   color: var(--text);
   cursor: pointer;
@@ -568,7 +568,7 @@
   min-width: 0;
   padding: 10px 12px;
   border: var(--border-line);
-  border-radius: 10px;
+  border-radius: var(--radius-lg);
   background: var(--panel-soft);
 }
 
@@ -616,7 +616,7 @@
   align-items: center;
   padding: 10px 12px;
   border: var(--border-line);
-  border-radius: 8px;
+  border-radius: var(--radius-md);
   background: var(--panel-soft);
 }
 
@@ -713,7 +713,7 @@
   }
 }
 
-@media (max-width: 1050px) {
+@media (max-width: 1100px) {
   .files-page .file-manager-shell {
     grid-template-columns: 1fr;
   }
@@ -758,7 +758,7 @@
   gap: 3px;
   padding: 12px 14px;
   border: var(--border-line);
-  border-radius: 12px;
+  border-radius: var(--radius-lg);
   background: var(--panel-soft);
 }
 
@@ -781,7 +781,7 @@
   align-items: center;
   padding: 10px;
   border: var(--border-line);
-  border-radius: 12px;
+  border-radius: var(--radius-lg);
   background: var(--panel-soft);
 }
 
@@ -819,7 +819,7 @@
   display: block;
   width: 100%;
   border: 1px dashed var(--line-dark);
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   background: var(--panel-soft);
   color: var(--muted);
   cursor: pointer;
@@ -942,7 +942,7 @@
 .managed-file-entry {
   width: 100%;
   border: 1px solid transparent;
-  border-radius: 9px;
+  border-radius: var(--radius-md);
   background: transparent;
   color: var(--text-strong);
   text-align: left;
@@ -1020,7 +1020,7 @@
   gap: 5px;
   align-items: center;
   border: 0;
-  border-radius: 6px;
+  border-radius: var(--radius-compact);
   background: transparent;
   color: var(--text-strong);
   padding: 5px 6px;
@@ -1169,7 +1169,7 @@
   gap: 4px;
   align-items: center;
   border: 1px solid var(--success-line, var(--line));
-  border-radius: 999px;
+  border-radius: var(--radius-pill);
   padding: 3px 7px;
   color: var(--success, var(--muted));
   font-size: 11px;
@@ -1256,7 +1256,7 @@
   color: var(--muted);
 }
 
-@media (max-width: 850px) {
+@media (max-width: 900px) {
   .managed-file-entry-head,
   .managed-file-entry {
     grid-template-columns: 22px minmax(0, 1fr) 100px;