Update docs demo margin

1 files changed, 12 insertions, 13 deletions

diff --git a/docs/src/contents/buttons.pug b/docs/src/contents/buttons.pug
index 8f8dbb1..3fbf5da 100644
--- a/docs/src/contents/buttons.pug
+++ b/docs/src/contents/buttons.pug
@@ -1,6 +1,6 @@
 p Buttons include simple button styles for actions in different types and sizes.
 
-.columns
+.docs-demo.columns
   .column.col-12
     button.btn default button
     button.btn.btn-primary primary button
@@ -19,7 +19,7 @@ pre.code(data-lang='HTML')
 
 +docs-subheading('buttons-colors', 'Button colors')
 
-.columns
+.docs-demo.columns
   .column.col-12
     button.btn.btn-success success button
     button.btn.btn-error error button
@@ -38,7 +38,7 @@ pre.code(data-lang='HTML')
 
 +docs-subheading('buttons-sizes', 'Button sizes')
 
-.columns
+.docs-demo.columns
   .column.col-12
     button.btn.btn-primary.btn-lg
       | large 
@@ -75,7 +75,7 @@ pre.code(data-lang='HTML')
 p
   | Please note that you could use the #[code btn-action] class for a square button, or add another #[code circle] class for a round button, which is often used as a Float Action Button (FAB).
 
-.columns
+.docs-demo.columns
   .column.col-xs-12
     button.btn.btn-action.btn-primary.btn-lg
       i.icon.icon-menu
@@ -102,7 +102,7 @@ pre.code(data-lang='HTML')
 p
   | Add the #[code active] class for active button state style.
 
-.columns
+.docs-demo.columns
   .column.col-12
     button.btn.active default active
     button.btn.btn-primary.active primary active
@@ -111,7 +111,7 @@ p
 p
   | Add the #[code disabled] class or the #[code disabled] attribute for disabled button state style.
 
-.columns
+.docs-demo.columns
   .column.col-12
     button.btn.disabled(tabindex="-1") default disabled
     button.btn.btn-primary(disabled="" tabindex="-1") primary disabled
@@ -127,7 +127,7 @@ pre.code(data-lang='HTML')
 p
   | A button with the #[code loading] class can show loading indicator.
 
-.columns
+.docs-demo.columns
   .column.col-12
     button.btn.loading default button
     button.btn.btn-primary.loading primary button
@@ -142,24 +142,23 @@ pre.code(data-lang='HTML')
 
 +docs-subheading('buttons-groups', 'Button groups')
 
-.columns
-  .column.col-md-12
+.docs-demo.columns
+  .column.col-6.col-md-12
     .btn-group
       button.btn first button
       button.btn second button
       button.btn third button
-  .column.col-md-12
+  .column.col-6.col-md-12
     .btn-group.btn-group-block
       button.btn.btn-primary first button
       button.btn.btn-primary second button
       button.btn.btn-primary third button
-.columns
-  .column.col-md-12
+  .column.col-6.col-md-12
     .btn-group
       button.btn.btn-sm.active first button
       button.btn.btn-sm second button
       button.btn.btn-sm third button
-  .column.col-md-12
+  .column.col-6.col-md-12
     .btn-group.btn-group-block
       button.btn.btn-primary.btn-sm.active first button
       button.btn.btn-primary.btn-sm second button