refactor(modals): buttons margin

Author: xidedix

pug/views/notifications/modals.pug

@@ -10,22 +10,22 @@ block view
             |  Bootstrap Modals
           .card-body
             // Button trigger modal
-            button.btn.btn-secondary(type='button', data-toggle='modal', data-target='#myModal')
+            button.btn.btn-secondary.mb-1(type='button', data-toggle='modal', data-target='#myModal')
               | Launch demo modal
-            button.btn.btn-secondary(type='button', data-toggle='modal', data-target='#largeModal')
+            button.btn.btn-secondary.mb-1(type='button', data-toggle='modal', data-target='#largeModal')
               | Launch large modal
-            button.btn.btn-secondary(type='button', data-toggle='modal', data-target='#smallModal')
+            button.btn.btn-secondary.mb-1(type='button', data-toggle='modal', data-target='#smallModal')
               | Launch small modal
             hr
-            button.btn.btn-primary(type='button', data-toggle='modal', data-target='#primaryModal')
+            button.btn.btn-primary.mb-1(type='button', data-toggle='modal', data-target='#primaryModal')
               | Primary modal
-            button.btn.btn-success(type='button', data-toggle='modal', data-target='#successModal')
+            button.btn.btn-success.mb-1(type='button', data-toggle='modal', data-target='#successModal')
               | Success modal
-            button.btn.btn-warning(type='button', data-toggle='modal', data-target='#warningModal')
+            button.btn.btn-warning.mb-1(type='button', data-toggle='modal', data-target='#warningModal')
               | Warning modal
-            button.btn.btn-danger(type='button', data-toggle='modal', data-target='#dangerModal')
+            button.btn.btn-danger.mb-1(type='button', data-toggle='modal', data-target='#dangerModal')
               | Danger modal
-            button.btn.btn-info(type='button', data-toggle='modal', data-target='#infoModal')
+            button.btn.btn-info.mb-1(type='button', data-toggle='modal', data-target='#infoModal')
               | Info modal
       // /.col
     // /.row

src/notifications/modals.html

@@ -368,15 +368,15 @@
                     <i class="fa fa-align-justify"></i> Bootstrap Modals</div>
                   <div class="card-body">
                     <!-- Button trigger modal-->
-                    <button class="btn btn-secondary" type="button" data-toggle="modal" data-target="#myModal">Launch demo modal</button>
-                    <button class="btn btn-secondary" type="button" data-toggle="modal" data-target="#largeModal">Launch large modal</button>
-                    <button class="btn btn-secondary" type="button" data-toggle="modal" data-target="#smallModal">Launch small modal</button>
+                    <button class="btn btn-secondary mb-1" type="button" data-toggle="modal" data-target="#myModal">Launch demo modal</button>
+                    <button class="btn btn-secondary mb-1" type="button" data-toggle="modal" data-target="#largeModal">Launch large modal</button>
+                    <button class="btn btn-secondary mb-1" type="button" data-toggle="modal" data-target="#smallModal">Launch small modal</button>
                     <hr>
-                    <button class="btn btn-primary" type="button" data-toggle="modal" data-target="#primaryModal">Primary modal</button>
-                    <button class="btn btn-success" type="button" data-toggle="modal" data-target="#successModal">Success modal</button>
-                    <button class="btn btn-warning" type="button" data-toggle="modal" data-target="#warningModal">Warning modal</button>
-                    <button class="btn btn-danger" type="button" data-toggle="modal" data-target="#dangerModal">Danger modal</button>
-                    <button class="btn btn-info" type="button" data-toggle="modal" data-target="#infoModal">Info modal</button>
+                    <button class="btn btn-primary mb-1" type="button" data-toggle="modal" data-target="#primaryModal">Primary modal</button>
+                    <button class="btn btn-success mb-1" type="button" data-toggle="modal" data-target="#successModal">Success modal</button>
+                    <button class="btn btn-warning mb-1" type="button" data-toggle="modal" data-target="#warningModal">Warning modal</button>
+                    <button class="btn btn-danger mb-1" type="button" data-toggle="modal" data-target="#dangerModal">Danger modal</button>
+                    <button class="btn btn-info mb-1" type="button" data-toggle="modal" data-target="#infoModal">Info modal</button>
                   </div>
                 </div>
               </div>