From 41c5c32d51a25725aa860be5c5425eeadd70aafc Mon Sep 17 00:00:00 2001
From: William O'Beirne <wbobeirne@gmail.com>
Date: Sat, 17 Feb 2018 16:57:15 -0500
Subject: [PATCH] Fix Modals on Mobile (#1110)

---
 common/components/ui/Modal.scss     | 5 +++++
 common/sass/styles/scaffolding.scss | 4 ++++
 2 files changed, 9 insertions(+)

diff --git a/common/components/ui/Modal.scss b/common/components/ui/Modal.scss
index d5309c803a7..d3892aade74 100644
--- a/common/components/ui/Modal.scss
+++ b/common/components/ui/Modal.scss
@@ -108,6 +108,11 @@ $m-anim-speed: 400ms;
       min-width: 100px;
     }
   }
+
+  // Mobile styles
+  @media(max-width: $screen-sm) {
+    width: calc(100% - 40px);
+  }
 }
 
 .animate-modal {
diff --git a/common/sass/styles/scaffolding.scss b/common/sass/styles/scaffolding.scss
index d4336939762..01a320a26ad 100644
--- a/common/sass/styles/scaffolding.scss
+++ b/common/sass/styles/scaffolding.scss
@@ -57,3 +57,7 @@ hr {
   border: 0;
   border-top: 1px solid $hr-border;
 }
+
+#app {
+  overflow-x: hidden;
+}