Merge pull request #473 from maykinmedia/fix/1131-Dropdown-on-mobile-rendered-offscreen

🎨 [#1131] Dropdown on mobile partly rendered off-screen

Author: alextreme

src/open_inwoner/scss/components/Dropdown/Dropdown.scss

@@ -11,7 +11,7 @@
     flex-direction: column;
     padding: var(--spacing-medium) 0;
     position: absolute;
-    left: 0;
+    right: 0;
     border-radius: var(--border-radius);
     background-color: var(--color-white);
     border: 1px solid var(--color-mute);
@@ -37,11 +37,4 @@
     height: var(--font-line-height-body);
     padding: 0;
   }
-
-  @media (max-width: 767px) {
-    .dropdown__content {
-      left: initial;
-      right: 0;
-    }
-  }
 }

src/open_inwoner/scss/components/File/File.scss

@@ -37,6 +37,10 @@
 
   &__file .dropdown {
     padding-right: var(--spacing-large);
+
+    .dropdown__content {
+      margin-right: var(--spacing-large);
+    }
   }
 
   &__file + .p {