fix: log/tasks posities

webui/backend/tests/golden/test_ui_smoke_golden.py

@@ -152,6 +152,10 @@ class UiSmokeGoldenTest(unittest.TestCase):
         self.assertIn('id="settings-download-scan-timeout"', body)
         self.assertIn('id="settings-download-symlink-policy"', body)
         self.assertIn("ZIP download limits are shown for reference and cannot be changed here.", body)
+        self.assertIn('class="settings-activity-grid"', body)
+        self.assertIn('class="settings-activity-panel"', body)
+        self.assertIn('id="settings-tasks-title"', body)
+        self.assertIn('id="settings-history-title"', body)
         self.assertIn('id="settings-tasks-list"', body)
         self.assertIn('id="settings-logs-list"', body)
         self.assertIn('id="viewer-content"', body)
@@ -212,6 +216,11 @@ class UiSmokeGoldenTest(unittest.TestCase):
         self.assertTrue((static_root / "theme-nord-arctic.css").exists())
         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-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)
         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

@@ -1063,6 +1063,19 @@ button:disabled {
   margin-bottom: 8px;
 }
 
+.settings-activity-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  gap: 14px;
+  align-items: start;
+}
+
+.settings-activity-panel {
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+}
+
 .settings-log-list {
   display: flex;
   flex-direction: column;
@@ -1108,6 +1121,12 @@ button:disabled {
   color: var(--color-danger);
 }
 
+@media (max-width: 900px) {
+  .settings-activity-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
 .viewer-close {
   position: absolute;
   top: 10px;

webui/html/index.html

@@ -228,11 +228,17 @@
         </div>
       </section>
       <section id="settings-logs-panel" class="settings-panel hidden" role="tabpanel" aria-labelledby="settings-logs-tab">
-        <div class="settings-placeholder-title">Tasks</div>
+        <div class="settings-activity-grid">
-        <div id="settings-tasks-list" class="settings-log-list"></div>
+          <section class="settings-activity-panel" aria-labelledby="settings-tasks-title">
-        <div class="settings-placeholder-title">History</div>
+            <div id="settings-tasks-title" class="settings-placeholder-title">Tasks</div>
-        <div id="settings-logs-error" class="error"></div>
+            <div id="settings-tasks-list" class="settings-log-list"></div>
-        <div id="settings-logs-list" class="settings-log-list"></div>
+          </section>
+          <section class="settings-activity-panel" aria-labelledby="settings-history-title">
+            <div id="settings-history-title" class="settings-placeholder-title">History</div>
+            <div id="settings-logs-error" class="error"></div>
+            <div id="settings-logs-list" class="settings-log-list"></div>
+          </section>
+        </div>
       </section>
     </div>
   </div>