fix: log/tasks posities - 02

webui/backend/tests/golden/test_ui_smoke_golden.py

@@ -217,10 +217,14 @@ class UiSmokeGoldenTest(unittest.TestCase):
         self.assertTrue((static_root / "theme-catppuccin-soft.css").exists())
         self.assertTrue((static_root / "theme-fluent-neon.css").exists())
         base_css = (static_root / "base.css").read_text(encoding="utf-8")
+        self.assertIn(".settings-card {", base_css)
+        self.assertIn("width: min(1180px, calc(100vw - 32px));", base_css)
         self.assertIn(".settings-activity-grid {", base_css)
         self.assertIn("grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);", base_css)
         self.assertIn(".settings-activity-panel {", base_css)
         self.assertIn("@media (max-width: 900px) {", base_css)
+        self.assertIn("@media (max-width: 720px) {", base_css)
+        self.assertIn("width: min(1180px, calc(100vw - 20px));", base_css)
         app_js = (static_root / "app.js").read_text(encoding="utf-8")
         self.assertIn('currentPath: "/Volumes"', app_js)
         self.assertIn('selectedTheme: "default"', app_js)

webui/html/base.css

@@ -1002,7 +1002,7 @@ button:disabled {
 
 .settings-card {
   position: relative;
-  width: min(760px, calc(100vw - 32px));
+  width: min(1180px, calc(100vw - 32px));
   max-height: calc(100vh - 56px);
   display: flex;
   flex-direction: column;
@@ -1127,6 +1127,12 @@ button:disabled {
   }
 }
 
+@media (max-width: 720px) {
+  .settings-card {
+    width: min(1180px, calc(100vw - 20px));
+  }
+}
+
 .viewer-close {
   position: absolute;
   top: 10px;