From: Lynx Kotoura <admin@sanin.link>
Date: Wed, 6 Dec 2017 18:48:48 +0000 (+0900)
Subject: Fix list editor modal on narrow devices (#5904)
X-Git-Url: https://git.xn--scling-oua.cat.family/?a=commitdiff_plain;h=a20509b41e87219e6cf147bf880980794bff44da;p=mastodon.git

Fix list editor modal on narrow devices (#5904)
---

diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 7bcd04ac0..d72f53f36 100644
--- 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%);