diff options
Diffstat (limited to 'client/src/app/header/search-typeahead.component.scss')
-rw-r--r-- | client/src/app/header/search-typeahead.component.scss | 13 |
1 files changed, 7 insertions, 6 deletions
diff --git a/client/src/app/header/search-typeahead.component.scss b/client/src/app/header/search-typeahead.component.scss index 299efba2c..ae0f1547e 100644 --- a/client/src/app/header/search-typeahead.component.scss +++ b/client/src/app/header/search-typeahead.component.scss | |||
@@ -75,6 +75,7 @@ li.suggestion { | |||
75 | 75 | ||
76 | #typeahead-container { | 76 | #typeahead-container { |
77 | font-size: 14px; | 77 | font-size: 14px; |
78 | margin: 0 10px; | ||
78 | 79 | ||
79 | input { | 80 | input { |
80 | border: 1px solid pvar(--mainBackgroundColor) !important; | 81 | border: 1px solid pvar(--mainBackgroundColor) !important; |
@@ -83,15 +84,15 @@ li.suggestion { | |||
83 | transition: box-shadow .3s ease, width .2s ease; | 84 | transition: box-shadow .3s ease, width .2s ease; |
84 | } | 85 | } |
85 | 86 | ||
86 | @media screen and (min-width: $mobile-view) { | ||
87 | @include margin-left(10px); | ||
88 | } | ||
89 | |||
90 | @media screen and (max-width: $small-view) { | 87 | @media screen and (max-width: $small-view) { |
91 | flex: 1; | 88 | input { |
89 | width: 200px; | ||
90 | } | ||
91 | } | ||
92 | 92 | ||
93 | @media screen and (max-width: $mobile-view) { | ||
93 | input { | 94 | input { |
94 | width: 70px; | 95 | width: 150px; |
95 | } | 96 | } |
96 | } | 97 | } |
97 | 98 | ||