1 files changed, 15 insertions, 23 deletions

diff --git a/tpl/index.pug b/tpl/index.pug
index 0b74ed8..605fa35 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -88,31 +88,23 @@ html
             +rule('medium')
 
             +box
-                +a-button(variant='accent')= 'Button'
-                = ' '
-                +a-button(variant='accent' disabled=true)= 'Button'
-                = ' '
-                +a-button(variant='accent' outline=true)= 'Button'
-                = ' '
-                +a-button(variant='accent' outline=true disabled=true)= 'Button'
+                .l-button-group
+                    +a-button(variant='accent')= 'Button'
+                    +a-button(variant='accent' disabled=true)= 'Button'
+                    +a-button(variant='accent' outline=true)= 'Button'
+                    +a-button(variant='accent' outline=true disabled=true)= 'Button'
                 br
+                .l-button-group
+                    +a-button(variant='primary')= 'Button'
+                    +a-button(variant='primary' disabled=true)= 'Button'
+                    +a-button(variant='primary' outline=true)= 'Button'
+                    +a-button(variant='primary' outline=true disabled=true)= 'Button'
                 br
-                +a-button(variant='primary')= 'Button'
-                = ' '
-                +a-button(variant='primary' disabled=true)= 'Button'
-                = ' '
-                +a-button(variant='primary' outline=true)= 'Button'
-                = ' '
-                +a-button(variant='primary' outline=true disabled=true)= 'Button'
-                br
-                br
-                +a-button(variant='secondary')= 'Button'
-                = ' '
-                +a-button(variant='secondary' disabled=true)= 'Button'
-                = ' '
-                +a-button(variant='secondary' outline=true)= 'Button'
-                = ' '
-                +a-button(variant='secondary' outline=true disabled=true)= 'Button'
+                .l-button-group
+                    +a-button(variant='secondary')= 'Button'
+                    +a-button(variant='secondary' disabled=true)= 'Button'
+                    +a-button(variant='secondary' outline=true)= 'Button'
+                    +a-button(variant='secondary' outline=true disabled=true)= 'Button'
 
             //-----------------------------------------