Listings: “Capture a posting” and “Add a listing” as one group, with icons #841

New issue

Closed

opened 2026-10-10 15:50:12 +00:00 by tiagoagueda · 1 comment

tiagoagueda commented

2026-10-10 15:50:12 +00:00

Owner

Group “Capture a posting” and “Add a listing” as one button group, each with its icon.

What exists today

templates/jobs/listing_list.html:95-96: two separate links, btn outline and btn primary, no icons. The capture button is also on the dashboard (core/dashboard.html:71-73) and the captures page (jobs/capture_list.html:26).
Basecoat's button-group.css (joined radii, an hr[role=separator] between) is not imported; adopting it means the import and its paint in assets/css/basecoat.css.
Icons already used for these actions: the + menu draws briefcase for a listing; plus is used for adding a reminder; link, globe, clipboard-check are synced, clipboard-paste is not.

What would change

Import and paint the button group; <div class="button-group" role="group" aria-label="New listing"> with the two links, one variant for both.
Icons: recommended clipboard-paste (to sync) for capture and plus for adding by hand.

Decisions

One variant: outline plus primary side by side look uneven in a group. Recommended: both primary, or both outline with the group as the page's main action.
The dashboard and captures page use the same capture button; recommended: they take the icon too, without the group.

Checked against main at 8c3d03570. From the maintainer's improvements list of 2026-10-07.

Group “Capture a posting” and “Add a listing” as one button group, each with its icon. ## What exists today - `templates/jobs/listing_list.html:95-96`: two separate links, `btn` outline and `btn` primary, no icons. The capture button is also on the dashboard (`core/dashboard.html:71-73`) and the captures page (`jobs/capture_list.html:26`). - Basecoat's `button-group.css` (joined radii, an `hr[role=separator]` between) is **not imported**; adopting it means the import and its paint in `assets/css/basecoat.css`. - Icons already used for these actions: the + menu draws `briefcase` for a listing; `plus` is used for adding a reminder; `link`, `globe`, `clipboard-check` are synced, `clipboard-paste` is not. ## What would change - Import and paint the button group; `<div class="button-group" role="group" aria-label="New listing">` with the two links, one variant for both. - Icons: recommended `clipboard-paste` (to sync) for capture and `plus` for adding by hand. ## Decisions - **One variant**: outline plus primary side by side look uneven in a group. Recommended: both primary, or both outline with the group as the page's main action. - **The dashboard and captures page** use the same capture button; recommended: they take the icon too, without the group. Checked against `main` at `8c3d03570`. From the maintainer's improvements list of 2026-10-07.

tiagoagueda added this to the 0.6.0 milestone

2026-10-10 15:50:12 +00:00

tiagoagueda added the

enhancement

interface

labels

2026-10-10 15:50:12 +00:00

tiagoagueda referenced this issue

2026-10-10 16:01:23 +00:00

Company page: Edit, Merge, Delete and Export as one group, with the export choices in a popover #851

tiagoagueda referenced this issue

2026-10-10 16:01:24 +00:00