From a816f71ad575f031245f06b9bc3807d9bc603954 Mon Sep 17 00:00:00 2001
From: kodi <kodi@lab.local>
Date: Sat, 14 Mar 2026 16:33:46 +0100
Subject: [PATCH] fix: log/tasks posities

---
 .../test_ui_smoke_golden.cpython-313.pyc      | Bin 46767 -> 47503 bytes
 .../tests/golden/test_ui_smoke_golden.py      |   9 +++++++++
 webui/html/base.css                           |  19 ++++++++++++++++++
 webui/html/index.html                         |  16 ++++++++++-----
 4 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/webui/backend/tests/golden/__pycache__/test_ui_smoke_golden.cpython-313.pyc b/webui/backend/tests/golden/__pycache__/test_ui_smoke_golden.cpython-313.pyc
index 73f90cf00fecc8259858481109a081a17d84121e..066aef22618a7b9827f438374ee79ae477561a92 100644
GIT binary patch
delta 2963
zcmZ|Rd0f+V9LMqfwgEqm;dC&@rZC1KAd_(k;sNF@pvaseW;V7lrW}h+#bKhRsimoX
zJG2t7vRg;XwA&8N4vpnX(^4xttUL<KQd76jd-<pyw#Q?y=i~eN{C>a3;IH3~Gs4x~
z!su>^Btqc-WVY?J9bDNNeM%(MDcF_#6puo@HI|)-U&B_FNLgY?3~N@B+<GPrNoKon
zV#k7BQ%cx;WgNGG*_Fv`Z@HAUD`VK{pppuSI9s6K%%rMi+!oI|l`*nC!PH=MIEH8(
z7N^tJWOZnbCZ}zV%{fnNZLyg(uEhV{+l@_@28}D;X8y<BPNQR%L+i9T8!Q@^>R+pR
zo5R`MGVkxDf|j0ZX`y0aRD>t2-@Y(5Ah!n#_kS<x5<CZTdkPcIsg!n^*u(|?Il)he
zUy(q-b?4`MuH;V?aY8n}s8b}=b8JCv5?eGaR;cgAPMS4By$r;FSRe;+Kmp=`5~x6L
z&<7-dM4$#qKm(FN3P=TMpf5-V86Xq%16e=|`h#qs134fU<bixp00snLYIBNEUxdj(
zPz(mq{&-+N1e2jOskHbfrI-u@w}9bb1Q-cMfze<L7z@UMGEfdGz<4kLRDy}13h2Qk
zU;vZB6i^MOf*LRl+zO_H+rSKPJ1~M;U;<`f0d>F%>VXZ+1hYT`Xar558Q8%cpanR9
z6U+v4z+BJ@<^dOI1M|V1U;$_c3&A3=7~BPxfTiGWuna5*E5JSAUa%6Z0{4N{U=3Ic
z?gtD!03HMnfrr65upT@D9tDqq4WI*T1e?HSumx-dkAo+`Ht-~P3Oo&-0ndWx!1Dpb
z`t1fWb5|vCJ1}))+KH*?g`l3`RWIVIo!}*0yeqiejp@ta74Rx}4ZIHC0B?dl;4Sbr
zcn7=-_JV!jJ+L3V4?X}N1`z8%3jXi|!QXZe+mAsP@PbdkA>ad_g3rKVa0Gk~j)G(0
z3-Bd44o-lR;4APo_y(K;--7SJ_uvO`8vF=;0zZQ@;4C-?&VygTub>-T0Kb9X!A0-~
z_!C?Lm%$bA7q|+p`AOvjRE{d7il}002sM-%M&+sD)Cg)MHHs>sMpJuGrPQ9(UQ`)1
zh8jziQ{$)#YCKg*RZ)9W`%n|8iBvT;iK?L{Q&Xs^)HG^eYC1K8nn~?P&7x|l{i)eh
z9W{rVOU<L^QwsuRmrV;<Tdjr@c{*yRb6hc7Q<KUKq7Dv}C6y$LM|1k2G%BH%(xS5@
zneDNJu(dTQ+;EzYp!u*;x?vRCUZn}#IhuB3n6xgH8yl!-oFSA|PD>V*8N$eN15Z{M
z!pZT52y%iUG9XvUO0B8fL{?|b4zKb*QSbjwVjb4LbTZKCVDL1VPFJmo+!U5jpUPGH
zn<SI^r&9}rc(qXrtb+6!)>?nIJ-+|V-^bK#u7bdOnbv7(v^N-?7OkndVRmDaqgdT&
zYicyMrt7lQIdv@=|2YnFDR1&bdV}*nQdQb$G24vlbpHdib8Tj4WPP!EpiXCR%}}>_
zEVgZVQoh#cu*@(y97jWqcKeK(9@PdD7k0q^!yRRE&(e-^P9KxFDbpL1by!yDl@;!Z
z>yj0A$;K|{kML2eB`YLd@*H=Oj~{&FSh2s=$5-Dt=DNrD_#rordG2Z-Kh)E;(Hb4+
zl^5+!^YO!iORqf7J=y;xrgO`Aue@-#+{c$PU8lmcWc#*Iezq{A@M2Sl*^|4ojLWU%
wxslvD{;(p$tH`(@pyT;*Jq6;Z<*q}b_#@(|WfhAnmQFY?5{Q*8a{u3R9j|jqumAu6

delta 2642
zcmXxmeN5DK90&0Ge(yMrgS+EEo(=;650Mbe2U@I{usjPDAATKMjC2Scac%g(#*9Cl
zb4we4Q2E_hx{1$dRuukx3d^2JseCL{EXpz~3?eZoGwkm3{`}Z{zxI8<f8YCobHkTM
z<=aEjIqGoOO`)&!=A-o+Te_S#%yL(fDk+?*CtLO=s9TPy>SW3*YPBa;xl$*IZCg{b
z)NvftHTJ&8VJR?aJJhb!Euvk|nOq&M%bXaCJRhaU=JiCX1Nkm>I?tugoHHuYhT}b}
zqb)Te{8s*o2x&H%#OV6jdP(6jv+@;9QHLMds)hpz${OibBY}98%a%i_C8+CxOx4D9
zH#=a=DKux>aJ!6cV0}^OgKR(d6KpGbsb$i~^zmbN*)%&{ms&Q>0UT8e+iA?XG>>uZ
ziN;Hdq15te-putO_N+0_qB$`Jw~E*mP-=xVcW~Xy4jXe3&4mu!u4FersTI@Q!}TER
zbn*{YN^=E{s+ny!W*^NrxwgCTl6)w&GMbyX-p-yf=5m^?vAC7XmP4s6r@4*mZg#+!
zD`?Jk<8~R_0Hsz*^D(ab*$HD_L9;Iow}Wgel-eqq`?$W#rp43aQVY-=z)`iZoyHub
zd5mk%B)p^;O09wB&0HU1&l>YOniCUntB73zrPf4q2iLvqurW8&T$qU4mFxy6wGA})
za6QO6llTYQL~{j>s+ny!=FK$U<l3H$m*hjKwb0ze^>+4@F}KoeO~I{Pwj4@rE6r_O
zce4Y=+(vV@2e%ub)V5K5jO%`O!kBl^>`TS1AlsViR6~J8sqGHWQriRef_-2==l}=6
zLGXGQi+0FwR%@4Lh&Rx_iS{kD=1ww8;F)*uOcyweM|J*yBWRC;W8gSA0p11O;3Rkt
zybn%+55R}uBk(c!1bhlU13lpLFc$4JfBR?nd+Wve1^5zt1<rzV;5@hhE`m$oYw!)|
z1DC-Sa251}Yv5b(9T))LgCD?k@FVyM+yFm=o8TAlEBFlzf?MEsFa(CdA7BLh32uW?
za0mPa#=toE8~g+Af`7q1@E@1}_d|GviBeEXN;9Q}GJ?`d8A)lQjH0wtMpMR6Iw+l#
zu5hZjqAbe-p}DDwql~AVL>d0g>J^EUNtDTyDU=?{RLaSe4^XC2rc+L#%%IGq%%Yr1
z>7~r3oJN^LIh`_>@<GZx${CdTlm(PCDIcPoMLC;tPB_hT!~cG3X9$bFv-TOG?$vBm
z?N!O5NWEI+Ri*RjXMZ$&5RXw7({K^PJgQ14OV#S7nQBR0gsLsc2>*>euH4Ug#r$xZ
zeSWLTsLC=g@JEtQ_-*8q{wT7{ZzmV}qr-|ts-)g47OT4Yf~fM)XDtc+S*mu{PovW^
zI-TRways3wPZyd>4|>H@q0ESn4YmHc68~$OVyZLcRHzq%!}{&#_s@>CR<BvJGT7K}
zTUFio?8=%({lLx|5qT!`aN~G_?%usf=v{jPPPOHrTV3sRsj_`8HQwn^Nk`mzZC8iY
zwpK<wJRXQxsmGmIC}urv6Z6Guw#&)WFC<UDW1{28`dE`C=B4IK=9DXzm@SJpEq-yy
Nh}mTEtV;~N=6@Uf?<D{L

diff --git a/webui/backend/tests/golden/test_ui_smoke_golden.py b/webui/backend/tests/golden/test_ui_smoke_golden.py
index 03d3b30..8eaf245 100644
--- a/webui/backend/tests/golden/test_ui_smoke_golden.py
+++ b/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)
diff --git a/webui/html/base.css b/webui/html/base.css
index 9afd796..76616c6 100644
--- a/webui/html/base.css
+++ b/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;
diff --git a/webui/html/index.html b/webui/html/index.html
index 74f30e8..c9c494e 100644
--- a/webui/html/index.html
+++ b/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 id="settings-tasks-list" class="settings-log-list"></div>
-        <div class="settings-placeholder-title">History</div>
-        <div id="settings-logs-error" class="error"></div>
-        <div id="settings-logs-list" class="settings-log-list"></div>
+        <div class="settings-activity-grid">
+          <section class="settings-activity-panel" aria-labelledby="settings-tasks-title">
+            <div id="settings-tasks-title" class="settings-placeholder-title">Tasks</div>
+            <div id="settings-tasks-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>