werkregie/doc/prs/2026-10-14-PR#76-connection-shrink.md

PR#76: The Logos of the Connection Bar Stay in One Row on a Phone

WARNING: This document describes only the change applied in this PR. It may already be outdated once the next PR is merged. Historic PR documentation is not maintained along with new PRs; treat it as a snapshot.

Related Links

• werkregie PR#68: one logo per tool in the connection bar.

Problem

Since PR#68, the connection bar shows one logo per tool. Each logo takes 34 px and 8 px of space, so 7 logos fill the 302 px of the bar at a width of 360 px. With more logos or a narrower phone, the row breaks into two.

Non-Goals

• No change on a desktop.
• No fewer logos; werkrevisor keeps its own.

Specification

Feature: one row of logos on a phone

Scenario#76.01: the logos shrink instead of breaking the row

… so that the bar stays one row high on a phone.

• Given 9 logos in the connection bar
• When a phone 320 px wide shows the overview
• Then all 9 logos stand in one row

Verified by

• manual check in the browser, see "Solution"

Scenario#76.02: few logos keep their size

… so that a bar with room to spare looks as before.

• Given 5 logos in the connection bar
• When a phone 360 px wide shows the overview
• Then each logo is 34 px wide, as before

Verified by

• manual check in the browser, see "Solution"

Solution

• On a phone, the row of logos no longer wraps; each logo shrinks from 34 px towards the width of the logo, 19 px plus its border. The space between them is 6 px instead of 8 px.
• The desktop keeps its layout.
• The repository has no tests of the page; a local check in the browser showed: at 320 px, 9 logos, 4 of them added in the browser, in one row, each 24 px wide; at 360 px, the 5 logos of the user's own configuration, each 34 px wide.
• Version 0.46.1; PR#74 holds 0.46.0.

Open Questions

None.