From 6a530b8949f808b49a4cc8695d819d38dc39e13c Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Tue, 10 Jul 2018 17:05:27 -0400
Subject: [PATCH] Prevent long strings from overflowing bulk buttons

---
 app/assets/stylesheets/desktop/modal.scss | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/desktop/modal.scss b/app/assets/stylesheets/desktop/modal.scss
index 68b1f167ec2..4c547c4815c 100644
--- a/app/assets/stylesheets/desktop/modal.scss
+++ b/app/assets/stylesheets/desktop/modal.scss
@@ -95,13 +95,26 @@
   .bulk-buttons {
     display: flex;
     flex-wrap: wrap;
+    margin-right: -1%;
 
     .btn {
-      flex: 1 1 0;
+      flex: 1 0 30%;
       margin-bottom: 1em;
-      margin-right: 1em;
+      margin-right: 1%;
       white-space: nowrap;
-      max-width: 23%;
+      overflow: hidden;
+      max-width: 33%;
+
+      @media screen and (max-width: 767px) {
+        flex: 1 0 48%;
+        max-width: 48%;
+      }
+
+      @media screen and (max-width: 550px) {
+        flex: 1 1 auto;
+        min-width: 49%;
+        max-width: unset;
+      }
     }
   }
 }