Fix list editor modal on narrow devices (#5904)

[mastodon.git] / app / javascript / styles / mastodon / components.scss

diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 7bcd04ac08f27bdbc72575777f8e4032738dd50c..d72f53f36650ab7383b90213f45d5641dd704c0d 100644 (file)
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -4489,9 +4489,13 @@ noscript {
   flex-direction: column;
   border-radius: 8px;
   box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);
-  width: 40vh;
+  width: 380px;
   overflow: hidden;
 
+  @media screen and (max-width: 420px) {
+    width: 90%;
+  }
+
   h4 {
     padding: 15px 0;
     background: lighten($ui-base-color, 13%);