diff --git a/frontend/src/app/components/master-page/master-page.component.html b/frontend/src/app/components/master-page/master-page.component.html
index c6af2c282..54a608869 100644
--- a/frontend/src/app/components/master-page/master-page.component.html
+++ b/frontend/src/app/components/master-page/master-page.component.html
@@ -49,12 +49,12 @@
- -
-
-
-
+ -
+
+
-
diff --git a/frontend/src/app/components/master-page/master-page.component.scss b/frontend/src/app/components/master-page/master-page.component.scss
index a40b4ec61..e6bfbc9a8 100644
--- a/frontend/src/app/components/master-page/master-page.component.scss
+++ b/frontend/src/app/components/master-page/master-page.component.scss
@@ -29,6 +29,16 @@ li.nav-item {
padding-left: 8px;
padding-right: 8px;
}
+ @media (max-width: 429px) {
+ margin: auto 5px;
+ padding-left: 6px;
+ padding-right: 6px;
+ }
+ @media (max-width: 369px) {
+ margin: auto 3px;
+ padding-left: 4px;
+ padding-right: 4px;
+ }
}
@media (min-width: 992px) {
@@ -64,7 +74,10 @@ li.nav-item {
}
a {
font-size: 0.8em;
- @media (min-width: 375px) {
+ @media (min-width: 370px) {
+ font-size: 0.9em;
+ }
+ @media (min-width: 430px) {
font-size: 1em;
}
}
diff --git a/frontend/src/app/components/search-form/search-form.component.scss b/frontend/src/app/components/search-form/search-form.component.scss
index 961b797df..e5233f0cf 100644
--- a/frontend/src/app/components/search-form/search-form.component.scss
+++ b/frontend/src/app/components/search-form/search-form.component.scss
@@ -46,7 +46,7 @@ form {
min-width: 400px;
}
@media (min-width: 992px) {
- min-width: 200px;
+ min-width: 142px;
}
@media (min-width: 1200px) {
min-width: 300px;