From 870cc405dc5064934e7bfdc002a9a283bdc12aef Mon Sep 17 00:00:00 2001 From: pavlov346346-source Date: Sat, 12 Sep 2026 18:06:13 +0300 Subject: [PATCH] fix: keep catalog toolbar buttons together on mobile MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The previous mobile fix put the title on its own row but left the search input as a regular flex item (flex:1 1 140px) among PDF/ "Вкладки"/"Меню". Since it greedily grows to fill whatever line it lands on, it still forced PDF onto its own line, then itself onto the next, then the two remaining buttons onto a third - three staggered rows instead of the intended toolbar. Gives the search input its own full-width row (flex-basis:100%, order:0) and puts all catalog-head buttons (PDF, "Вкладки", "Меню") on the next row together, sharing it evenly (flex:1 1 0) so they land on one level instead of scattering. Co-Authored-By: Claude Sonnet 5 --- public/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/public/index.html b/public/index.html index 9831c85..0459fb6 100644 --- a/public/index.html +++ b/public/index.html @@ -4887,8 +4887,8 @@ window.SunQR = { #sunNotificationsBtn .badge{position:absolute!important;right:-4px!important;top:-6px!important;margin:0!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:9px!important} #new .catalog-head{align-items:center!important} #new .catalog-head h1{flex:1 1 100%;order:-1} - #new .sun-catalog-search{flex:1 1 140px;min-width:0;width:auto} - #sunLiveCatalogPdfButton,#sunCatalogTabsButton,#new .catalog-head button{align-self:center} + #new .sun-catalog-search{flex:1 1 100%;order:0;min-width:0;width:auto} + #new .catalog-head button{flex:1 1 0;order:1;min-width:0;padding-inline:8px;white-space:nowrap} } @media print{.sun-side-tools,.sun-side-footer,#sunToastHost{display:none!important}} `;