Seperated resolve all button from reply button

1 files changed, 20 insertions, 15 deletions

diff --git a/app/assets/stylesheets/pages/note_form.scss b/app/assets/stylesheets/pages/note_form.scss
index a355d802973..bd875b9823f 100644
--- a/app/assets/stylesheets/pages/note_form.scss
+++ b/app/assets/stylesheets/pages/note_form.scss
@@ -156,28 +156,33 @@
   .discussion-reply-holder {
     background-color: $white-light;
     padding: 10px 16px;
+  }
+}
 
-    .btn-group-justified {
-      table-layout: auto;
-    }
+.discussion-with-resolve-btn {
+  display: table;
+  width: 100%;
+  border-collapse: separate;
+  table-layout: auto;
+
+  .btn-group {
+    display: table-cell;
+    float: none;
+    width: 1%;
 
-    .btn-group:first-child {
+    &:first-child {
       width: 100%;
+      padding-right: 5px;
     }
 
-    .discussion-with-resolve-btn {
-      .btn-group:first-child .btn {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-      }
-
-      .btn-group:last-child .btn {
-        margin-left: -1px;
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-      }
+    &:last-child {
+      padding-left: 5px;
     }
   }
+
+  .btn {
+    width: 100%;
+  }
 }
 
 .discussion-notes-count {