Skip to content

Align input text with bottom row icons - #9784

Open
malmstein wants to merge 1 commit into
developfrom
feature/david/input_copy_alignment
Open

malmstein wants to merge 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 <[email protected]>
@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.

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.

1 participant