Table rows one height (photo, placeholder, groups); report button orange while open; software-download icon on the Downloads entry

Author: BenGlut

WORKLOG.md

@@ -12,16 +12,18 @@
   - Popover per the redesign mockup: title with a red heart, a short reassuring intro (free and open source for good), a caret pointing at the button that opened it, smart placement (right of the button when there is room, otherwise above, then below), the opener lit with a yellow ring while open, a ↗ hint on the hovered platform, lift-on-hover, 150 ms open / 120 ms close (off under reduced motion), options left-aligned (a global button rule was centring them); opened from the requests side card it sits to the right of the whole card (the topic list stays visible), or becomes a compact centred modal over a dimmed backdrop when there is no room
 
 ## Changed
+- "Improvements & suggestions" sidebar button turns solid orange with white sparkles while its side card is open — `renderer/css/10-settings.css`
 - Print-setting tiles (product card + detail panel): the icon now sits on the title line next to the label, and the value spans the full width below it, so long ranges ("190–230 °C") stay on one line — `renderer/css/70-detail-misc.css` (`.ro-ptile`)
 - Support menu copy no longer promises a badge for a gift alone: the code / claim lines say the gift is LINKED to the account, and the badge (Gold) comes with joining the TigerSquad — i18n `supportCodeHint`, `supportClaimToggle`, `supportClaimOk` (11 locales)
 - Banners (mine and a friend's): the Share badge moved to the end of the social-icons row, the badge line keeps Public / Friend + TigerSquad; My profile's TigerSquad row lost its heading and level text — `renderer/inventory.js` (`_socialsRowHTML`), `renderer/css/60-modals.css`, `renderer/inventory.html`
 - The sidebar coffee button and the requests card's coffee card wear the Ko-fi mark instead of the coffee cup — `renderer/inventory.html`, `renderer/report/index.js`, `renderer/css/10-settings.css` (the solid-yellow cup variant is gone)
 - Requests: attach JSON files too (up to the 5-file total, 2 MB each, must parse) — shown as a `{ }` chip; the server stores them next to the screenshots, links them in the issue and shows a short one (≤ 3,000 chars) inline in a collapsible block — `renderer/report/index.js`, `renderer/report/report.css`, `assets/svg/icons/icon_json.svg`, `renderer/css/70-detail-misc.css`; backend `functions/reportIssue.js` (`jsons`, max 3)
 - Requests card topics: darker, less saturated icon tiles with a bright icon per topic (bug `#351D25`/`#FF4545`, idea `#15382D`/`#20E39A`, improvement `#2D204B`/`#A66BFF`, catalogue `#3B3016`/`#FFC83D`, brand `#152F4D`/`#329BFF`, question `#3B1832`/`#FF4DB8`), a 3 px accent stripe on the left, and a 180 ms hover (lighter ground, subtle border in the topic colour, icon at 1.06; no motion under reduced motion); the coffee card loses its decorative heart — `renderer/report/index.js` (`KINDS` `tile` / `ink`), `renderer/report/report.css`
-- Sidebar Downloads entry uses a package-with-arrow icon instead of the plain download arrow — `assets/svg/icons/icon_package_download.svg`, `renderer/css/70-detail-misc.css` (`.icon-package-download`), `renderer/inventory.html`
+- Sidebar Downloads entry uses a dedicated software-download icon (arrow into a tray) — `assets/svg/icons/icon_software_download.svg`, `renderer/css/70-detail-misc.css` (`.icon-software-download`), `renderer/inventory.html`
 - "Support the project" section (Buy Me a Coffee, Ko-fi + PayPal, personal open-source project) in the README and `llms.txt` — `README.md`, `llms.txt`
 
 ## Fixed
+- Inventory / favourites table: every row is the same height — photo, colour placeholder or grouped spools (count badge) (the thumb is block-level in its cell instead of sitting on the text baseline) — `renderer/css/70-detail-misc.css` (`td.thumb-cell`)
 - Buy Me a Coffee cup drawn with white coffee and an outline that vanished on dark backgrounds — the coffee is now the brand yellow (`#FFDD00`) and the dark theme swaps in a white-outline variant (sidebar, support chooser, requests card) — `assets/svg/logos/logo_buy_me_coffee.svg`, `assets/svg/logos/logo_buy_me_coffee_dark.svg`, `renderer/css/10-settings.css`
 
 ## Removed

assets/svg/icons/icon_package_download.svg

@@ -983,3 +983,11 @@
   background: linear-gradient(135deg, var(--sq-a), var(--sq-b)); color: var(--sq-ink);
 }
 .support-squad-n[hidden] { display: none; }
+/* Improvements & suggestions — while its side card is open the button turns solid
+   orange with white sparkles (collapsed and expanded sidebar alike). */
+.sb-community .sb-group > .sb-report-btn.is-on.is-on,
+:root[data-theme="dark"] .sb-community .sb-group > .sb-report-btn.is-on.is-on {
+  background: var(--primary); border-color: var(--primary); color: var(--on-accent); box-shadow: 0 0 12px color-mix(in srgb, var(--primary) 35%, transparent);
+}
+.sb-community .sb-group > .sb-report-btn.is-on.is-on { --ic: #fff; }
+.sb-community .sb-group > .sb-report-btn.is-on.is-on > .icon { filter: none; }

assets/svg/icons/icon_software_download.svg

@@ -109,7 +109,7 @@
   .icon-bug       { -webkit-mask-image: url('../../assets/svg/icons/icon_bug.svg');          mask-image: url('../../assets/svg/icons/icon_bug.svg'); }
   .icon-filter    { -webkit-mask-image: url('../../assets/svg/icons/icon_filter.svg');       mask-image: url('../../assets/svg/icons/icon_filter.svg'); }
   .icon-json      { -webkit-mask-image: url('../../assets/svg/icons/icon_json.svg');         mask-image: url('../../assets/svg/icons/icon_json.svg'); }
-  .icon-package-download { -webkit-mask-image: url('../../assets/svg/icons/icon_package_download.svg'); mask-image: url('../../assets/svg/icons/icon_package_download.svg'); }
+  .icon-software-download { -webkit-mask-image: url('../../assets/svg/icons/icon_software_download.svg'); mask-image: url('../../assets/svg/icons/icon_software_download.svg'); }
   .icon-community { -webkit-mask-image: url('../../assets/svg/icons/icon_community.svg'); mask-image: url('../../assets/svg/icons/icon_community.svg'); }
   .icon-coffee   { -webkit-mask-image: url('../../assets/svg/icons/icon_coffee.svg'); mask-image: url('../../assets/svg/icons/icon_coffee.svg'); }
   .icon-gift      { -webkit-mask-image: url('../../assets/svg/icons/icon_gift.svg');         mask-image: url('../../assets/svg/icons/icon_gift.svg'); }
@@ -712,6 +712,10 @@
   .card-badges-tl--sm .card-tl-badge { width: 15px; height: 15px; border-width: 1px; }
 
   td.thumb-cell { padding: 4px 6px; width: 58px; }
+  /* Block-level in its cell: an inline thumb sits on the text baseline, and a photo
+     and a colour placeholder have different baselines — the rows came out at
+     different heights. As a block both are exactly the thumb's size. */
+  td.thumb-cell > .thumb-wrap, td.thumb-cell > .group-thumb-badge { display: flex; width: fit-content; }
 
   /* ── identical-spool grouping (Table) ───────────────────────────────────── */
   /* Group header row — the "folder". Raised background + bold; clicking it

renderer/css/10-settings.css

@@ -104,7 +104,7 @@
       <!-- Downloads page on tigersystem.io (apps for every platform), in the
            user's language when the site has it. -->
       <button class="sb-download-btn" id="sbDownloadBtn">
-        <span class="icon icon-package-download icon-14"></span>
+        <span class="icon icon-software-download icon-14"></span>
         <span class="label" data-i18n="sbDownloadBtn">Downloads</span>
       </button>
       <!-- Documentation wiki (opens in the browser) -->