Styling fix for list

4 files changed, 9 insertions, 2 deletions

diff --git a/app/assets/javascripts/boards/boards_bundle.js.es6 b/app/assets/javascripts/boards/boards_bundle.js.es6
index d87a1de7eee..09f5caee921 100644
--- a/app/assets/javascripts/boards/boards_bundle.js.es6
+++ b/app/assets/javascripts/boards/boards_bundle.js.es6
@@ -13,7 +13,7 @@
 //= require ./components/board
 //= require ./components/board_sidebar
 //= require ./components/new_list_dropdown
-//= require ./components/modal
+//= require ./components/modal/modal
 //= require ./vue_resource_interceptor
 
 $(() => {
diff --git a/app/assets/javascripts/boards/components/modal/list.js.es6 b/app/assets/javascripts/boards/components/modal/list.js.es6
index 4e060895c5d..d4b3bcc71d7 100644
--- a/app/assets/javascripts/boards/components/modal/list.js.es6
+++ b/app/assets/javascripts/boards/components/modal/list.js.es6
@@ -34,7 +34,7 @@
           class="fa fa-spinner fa-spin"
           v-if="loading"></i>
         <ul
-          class="list-unstyled"
+          class="add-issues-list-columns list-unstyled"
           v-if="!loading">
           <li
             class="card"
diff --git a/app/assets/javascripts/boards/components/modal/index.es6 b/app/assets/javascripts/boards/components/modal/modal.es6
index bedd7c9735a..bedd7c9735a 100644
--- a/app/assets/javascripts/boards/components/modal/index.es6
+++ b/app/assets/javascripts/boards/components/modal/modal.es6
diff --git a/app/assets/stylesheets/pages/boards.scss b/app/assets/stylesheets/pages/boards.scss
index 5390bad1b33..6b36fe8bac7 100644
--- a/app/assets/stylesheets/pages/boards.scss
+++ b/app/assets/stylesheets/pages/boards.scss
@@ -404,3 +404,10 @@
   padding-left: 15px;
   padding-right: 15px;
 }
+
+.add-issues-list-columns {
+  padding-left: 5px;
+  padding-right: 5px;
+  margin-left: -5px;
+  margin-right: -5px;
+}