Skip to content

De-emphasize "Visit OpenStreetMap" link and add prominent login button on Account page#154

Draft
Copilot wants to merge 2 commits intomainfrom
copilot/alter-visit-openstreetmap-button
Draft

De-emphasize "Visit OpenStreetMap" link and add prominent login button on Account page#154
Copilot wants to merge 2 commits intomainfrom
copilot/alter-visit-openstreetmap-button

Conversation

Copy link

Copilot AI commented Mar 12, 2026

Users were confused by the full-width OutlinedButton for "Visit OpenStreetMap" outshining the actual login affordance (a ListTile), leading them to click the wrong element when trying to log in.

Changes

  • Login CTA: When logged out, renders a full-width FilledButton.icon (Material 3 highest-emphasis) below the status ListTile, making the login action unambiguous
  • Visit OSM link: Replaced the full-width OutlinedButton.icon with a compact inline TextButton.icon (shrink-wrapped, small padding) — visually reads as a secondary reference link, not a primary action
// Before — visually dominant
SizedBox(
  width: double.infinity,
  child: OutlinedButton.icon(..., label: Text('Visit OpenStreetMap')),
)

// After — inline secondary link
TextButton.icon(
  ...,
  style: TextButton.styleFrom(
    padding: const EdgeInsets.symmetric(horizontal: 4),
    tapTargetSize: MaterialTapTargetSize.shrinkWrap,
  ),
)
Original prompt

This section details on the original issue you should resolve

<issue_title>Alter or remove "Visit OpenStreetMap" button on Account page in settings</issue_title>
<issue_description>Multiple people have written in confused about how to log in. After some back and forth I determined in both cases that it was the very obvious "Visit OpenStreetMap" button on the Account page tripping them up. It is visually more obvious than the Login button at the top.
Either remove, or make it less "click here!" looking.</issue_description>

<agent_instructions>Investigate the issue and see what you can do with this. Make the login more obvious and de-emphasize the Visit OpenStreetMap link.</agent_instructions>

Comments on the Issue (you are @copilot in this section)


💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

…dButton

Co-authored-by: dougborg <1261222+dougborg@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix confusion with visit OpenStreetMap button on Account page De-emphasize "Visit OpenStreetMap" link and add prominent login button on Account page Mar 12, 2026
Copilot AI requested a review from dougborg March 12, 2026 22:01
@stopflock
Copy link
Collaborator

Ah, I did this - one of the last few commits to main. All I did was move the "about osm" bubble to the about/info page, leaving only the functional bits on the account page.
I think what you did here would have been better, but not by so much that it's worth backing out and switching at this point. Oops.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Alter or remove "Visit OpenStreetMap" button on Account page in settings

3 participants