diff --git a/collections/misc/collprofiles.php b/collections/misc/collprofiles.php index 8d7c690cf5..1e52b68bcb 100644 --- a/collections/misc/collprofiles.php +++ b/collections/misc/collprofiles.php @@ -134,16 +134,23 @@ function directSubmitAction(e) { margin-left: 3rem; } - @media (min-width: 1880px) { - #quicksearch-box { - margin: 0 -26rem 0 0; - width: 25rem; - top: 1rem; - float: right; - position:sticky; - } + #quicksearch-box input { + width: 100%; + } + .quicksearch-input-container { + display: flex; + flex-wrap: wrap; + width:100%; } - @media (max-width: 1880px) { + .quicksearch-container { + top: 1rem; + right: 1rem; + position:sticky; + width: 100vw; + margin-left: calc(50% - 50vw); + } + + @media (max-width: 1424px) { #quicksearch-box { width:100%; margin: 1rem 0; @@ -151,6 +158,63 @@ function directSubmitAction(e) { #quicksearch-btn-container { justify-content: right } + .quicksearch-container { + width: 100%; + position: static; + margin: 0 0; + } + .quicksearch-input-container { + display: flex; + flex-wrap: wrap; + min-width: 10rem; + max-width: 30%; + } + .quicksearch-btn-container { + max-width: 30%; + } + } + @media (max-width: 560px) { + .quicksearch-input-container { + display: flex; + flex-wrap: wrap; + min-width: 10rem; + max-width: 100%; + } + } + @media (min-width: 1425px) { + #quicksearch-box { + width: 12vw; + right: 1rem; + float: right; + } + } + @media (min-width: 1500px) { + #quicksearch-box { + width: 14vw; + right: 1rem; + float: right; + } + } + @media (min-width: 1550px) { + #quicksearch-box { + width: 15vw; + right: 1rem; + float: right; + } + } + @media (min-width: 1700px) { + #quicksearch-box { + width: 18vw; + right: 1rem; + float: right; + } + } + @media (min-width: 1880px) { + #quicksearch-box { + width: 21vw; + right: 1rem; + float: right; + } } @@ -169,21 +233,23 @@ function directSubmitAction(e) {