diff --git a/home.html b/home.html index e7d0c8f0..94a6aa75 100644 --- a/home.html +++ b/home.html @@ -40,8 +40,12 @@ reorders which icon is in which cell. Simpler than free x,y and keeps the icons tidy against the left edge of the column. */ .left-column { display: flex; flex-direction: column; gap: 14px; } - .slots-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; width: 100%; align-items: start; } - @media (max-width: 900px) { .slots-list { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); } } + /* Fixed-width cells (not 1fr) so icons sit in a tight desktop-style grid + instead of drifting inside stretched 3-equal-column cells. The whole + grid left-aligns to the column edge via justify-content: start. */ + .slots-list { display: grid; grid-template-columns: repeat(3, 100px); gap: 14px 10px; + width: 100%; align-items: start; justify-content: start; } + @media (max-width: 900px) { .slots-list { grid-template-columns: repeat(auto-fill, 100px); justify-content: start; } } .cards-grid.drop-target { outline: 2px dashed var(--acid); outline-offset: 4px; border-radius: 14px; } .slot { position: relative; display: flex; flex-direction: column; align-items: center; diff --git a/package.json b/package.json index a223272c..fa3f9d07 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "theseus-navigator", - "version": "0.3.101", + "version": "0.3.102", "license": "MPL-2.0", "description": "Theseus Navigator — a browser that follows the thread. By Silent Mode, a Deviant project.", "author": "Silent Mode",