From 0bcde4b4f4ea007f6aea1df2e46f6319c767b15f Mon Sep 17 00:00:00 2001
From: Neil Lalonde <neillalonde@gmail.com>
Date: Thu, 14 Sep 2017 15:18:55 -0400
Subject: [PATCH] UX: reduce height of textarea for flags of type "Something
 Else" on small mobile devices

---
 app/assets/stylesheets/mobile/modal.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/assets/stylesheets/mobile/modal.scss b/app/assets/stylesheets/mobile/modal.scss
index 234ed59b07f..5bceb7f11d2 100644
--- a/app/assets/stylesheets/mobile/modal.scss
+++ b/app/assets/stylesheets/mobile/modal.scss
@@ -97,6 +97,12 @@
   max-height: 450px;
 }
 
+@media only screen and (max-device-width: 568px) {
+  .modal .flag-modal .flag-message {
+    height: 1.2em;
+  }
+}
+
 .custom-message-length {
   margin: -4px 0 10px 20px;
   color: dark-light-choose(scale-color($primary, $lightness: 30%), scale-color($secondary, $lightness: 70%));