diff --git a/templates/admin.html b/templates/admin.html index a760cb9..07aa1f0 100644 --- a/templates/admin.html +++ b/templates/admin.html @@ -13,8 +13,34 @@ .btn{padding:6px 10px;border-radius:4px;border:1px solid #888;background:#f0f0f0;cursor:pointer} .num-label{font-size:18px;margin-right:8px;display:inline-block;width:40px;text-align:center} +.controls { + display:flex; + gap:16px; + align-items:flex-start; +} +/* kolumna z akcjami po lewej */ +.left { + display:flex; + flex-direction:column; + gap:10px; + flex:1; + max-width:300px; + margin-bottom: 10px; +} +/* kontener dla przycisku reset wypychany na dół */ +.reset-wrap { + display:flex; + flex-direction:column; + justify-content:flex-end; /* wypycha zawartość na dół kolumny */ + align-items:flex-start; + min-height:50px; /* wysokość bloku; dostosuj */ +} + + /* Responsive: na wąskich ekranach kolumny jedna pod drugą */ @media (max-width:700px){ + .controls { flex-direction:column; } + .controls .reset-wrap { min-height:120px; } .grid{flex-direction:column} .num-label{width:60px} .col{width:100%; box-sizing:border-box} @@ -25,17 +51,15 @@