Address search with middle ellipsis mobile fix

2022-03-05 14:19:44 +01:00
parent e5b2440b45
commit daa7079338
2 changed files with 12 additions and 3 deletions
--- a/frontend/src/app/components/search-form/search-form.component.scss
+++ b/frontend/src/app/components/search-form/search-form.component.scss
@@ -1,10 +1,18 @@
 :host ::ng-deep {
  .dropdown-item {
    white-space: nowrap;
-    width: 410px;
+    width: calc(100% - 34px);
  }
  .dropdown-menu {
-    width: 410px;
+    width: calc(100% - 34px);
+  }
+  @media (min-width: 768px) {
+    .dropdown-item {
+      width: 410px;
+    }
+    .dropdown-menu {
+      width: 410px;
+    }
  }
 }