From f5119bba50349270a863363c9459baf8bfe43496 Mon Sep 17 00:00:00 2001 From: surtic86 Date: Thu, 15 Oct 2026 09:32:28 +0200 Subject: [PATCH] fix: mobile search container grows with the search field in Large Core sets the container to 64px with a 54px line-height, so the 56px Large search pill pushed against the avatar row. Co-Authored-By: Claude Opus 5.5 --- tonalmine/stylesheets/mobile.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/tonalmine/stylesheets/mobile.css b/tonalmine/stylesheets/mobile.css index 7b71b3f..04a35c4 100644 --- a/tonalmine/stylesheets/mobile.css +++ b/tonalmine/stylesheets/mobile.css @@ -137,7 +137,8 @@ } /* Search pill, avatar row and nav labels share one inline start: the icon and the avatar sit where the nav labels begin (drawer padding 12px + item padding 16px) */ - html .flyout-menu .flyout-menu__search { padding-inline: 0; } + /* Core's 64px / 54px container grows with the search pill */ + html .flyout-menu .flyout-menu__search { padding-inline: 0; block-size: calc(64px + var(--nm-density)); line-height: calc(54px + var(--nm-density)); } html .search-magnifier--flyout { inset-inline-start: 28px; } html .flyout-menu .flyout-menu__avatar { padding-inline-start: 16px; }