diff --git a/apps/block_scout_web/assets/css/components/_navbar.scss b/apps/block_scout_web/assets/css/components/_navbar.scss index e503169fc5..b952069e4e 100644 --- a/apps/block_scout_web/assets/css/components/_navbar.scss +++ b/apps/block_scout_web/assets/css/components/_navbar.scss @@ -7,6 +7,30 @@ } } +.navbar-collapse.collapsing, +.navbar-collapse.collapse.show { + display: flex; + flex-direction: column; + + .search-form { + order: -1; + width: 100%; + align-items: center; + + form { + flex-grow: 1; + } + } + + .input-group { + width: 100%; + } + + .navbar-nav { + white-space: nowrap; + } +} + .navbar-brand { margin-left: 0; } @@ -39,9 +63,7 @@ display: flex; align-items: center; position: relative; - top: -2px; - height: 1em; - width: 1em; + top: -1px; margin-right: 0.5em; path { @@ -49,6 +71,10 @@ } } +.navbar .search-form { + display: flex; +} + .navbar .form-control { background: transparent; width: auto;