Mobile layout fixes.

2022-02-06 04:44:40 +04:00
parent 91082f27e7
commit ff4c097c48
6 changed files with 43 additions and 20 deletions
--- a/frontend/src/app/components/assets/assets-nav/assets-nav.component.scss
+++ b/frontend/src/app/components/assets/assets-nav/assets-nav.component.scss
@@ -6,4 +6,19 @@ ul {

 form {
  float: right;
+  width: 300px;
+  @media (max-width: 767.98px) {
+    width: 90%;
+    margin-bottom: 15px;
+  }
 }
+
+@media (max-width: 767.98px) {
+  .nav-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin: auto;
+  }
+}