From bd8bfa8deba4cd5c604e2e3b6d168704587f9118 Mon Sep 17 00:00:00 2001 From: jdlrobson Date: Mon, 31 Aug 2020 12:37:29 -0700 Subject: [PATCH] Flush search to right on smaller resolutions Bug: T261686 Change-Id: I30985009c05e64bff5aaa240f7c3970475fe0fba --- .../skins.vector.styles/layout-search-header.less | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/resources/skins.vector.styles/layout-search-header.less b/resources/skins.vector.styles/layout-search-header.less index 5990882..7259d6b 100644 --- a/resources/skins.vector.styles/layout-search-header.less +++ b/resources/skins.vector.styles/layout-search-header.less @@ -31,8 +31,13 @@ #p-search { // Override values to reflect new behaviour. min-width: @min-width-search; - max-width: @max-width-search; - margin: 0 @margin-horizontal-search; + max-width: 100%; + margin: 0 0 0 @margin-horizontal-search; + + #searchform { + margin-left: auto; + max-width: @max-width-search; + } } // Support IE9: float will be disabled if display flex is supported @@ -44,6 +49,7 @@ #p-personal { text-align: right; flex-basis: @min-width-personal-tools; + margin-left: @margin-horizontal-search; // Support IE9: This is reset in @support query below if Flexbox is available. float: right;