Skip to content

Align input text with bottom row icons - #9784

Merged
malmstein merged 1 commit into
developfrom
feature/david/input_copy_alignment
Sep 22, 2026
Merged

malmstein merged 1 commit into
developfrom
feature/david/input_copy_alignment

Conversation

@malmstein

@malmstein malmstein commented Sep 11, 2026 •

Copy link
Copy Markdown
Contributor

Task/Issue URL: https://app.asana.com/1/137249556945/project/1157893581871903/task/1217495363527447
Tech Design URL (if applicable):
API Proposals URL(s) (if applicable):

Description

The input screen zeroed the input field's start margin, so the hint and typed text sat 6dp left of the attach and options icons in the row below, which are 20dp glyphs centred in a 36dp touch target. This restores a 6dp start margin on top of the row's 2dp padding, putting the text on the same vertical line as the icon artwork as it is on iOS. The margin is applied in removeMargins(), which runs from onAttachedToWindow, so the contextual sheet and edit prompt widgets pick up the same alignment.

Steps to test this PR

Input screen alignment

  • Tap the omnibar and switch to the Duck.ai tab
  • Confirm the "Ask anything privately…" text starts on the same vertical line as the paperclip icon below it
  • Repeat with the address bar in bottom position
  • Open the Duck.ai contextual sheet from a web page and confirm the text lines up there too

UI changes

Before After
image 16 pr_input_alignment

Note

Low Risk
Layout-only margin change on the native input widget with no logic, API, or data-handling impact.

Overview
Restores 6dp start margin on the Duck.ai native input field so hint and typed text line up vertically with the bottom-row icon glyphs (attach, options, etc.), matching iOS.

Previously removeMargins() set marginStart to 0, which left text ~6dp left of the icons in their 36dp touch targets. The margin now comes from a new nativeInputFieldStartMargin dimen and is still applied in removeMargins() during attach, so the main input screen, contextual sheet, and edit-prompt surfaces share the same alignment.

Reviewed by Cursor Bugbot for commit 569f62f. Bugbot is set up for automated code reviews on this repo. Configure here.

The native input screen zeroed the input field's start margin, leaving the
text 6dp left of the attach and options icons below it, which are centred
glyphs inside a 36dp touch target. Restore a 6dp margin so the text sits on
the same vertical line as the icon artwork, matching iOS.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@malmstein
malmstein marked this pull request as ready for review September 11, 2026 21:48

@claude claude Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Claude Code Review

This repository is configured for manual code reviews. Comment @claude review for a one-time review, or @claude review always to subscribe this PR to a review on every future push.

Tip: disable this comment in your organization's Code Review settings.

@YoussefKeyrouz YoussefKeyrouz left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested, LGTM!

@malmstein
malmstein added this pull request to the merge queue Sep 22, 2026
@github-merge-queue
github-merge-queue Bot removed this pull request from the merge queue due to no response for status checks Sep 22, 2026
@malmstein
malmstein added this pull request to the merge queue Sep 22, 2026
Merged via the queue into develop with commit dd141c4 Sep 22, 2026
38 of 42 checks passed
@malmstein
malmstein deleted the feature/david/input_copy_alignment branch September 22, 2026 14:58
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.

2 participants