Independent pad-y for dialog sidebar

3 files changed, 6 insertions, 4 deletions

diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss
index 9c61e93..281844b 100644
--- a/src/objects/_dialog.scss
+++ b/src/objects/_dialog.scss
@@ -12,6 +12,7 @@
             --rounding: 3px,
             --sidebar: (
                 --pad-x: fn.global-dim(--size --150),
+                --pad-y: fn.global-dim(--size --150),
             )
         ),
     ), 'dims');
@@ -71,7 +72,7 @@
 
         @include iro.bem-elem('sidebar') {
             grid-area:        sidebar;
-            padding:          fn.dim(--pad-y) fn.dim(--sidebar --pad-x);
+            padding:          fn.dim(--sidebar --pad-y) fn.dim(--sidebar --pad-x);
             border-right:     1px solid fn.color(--sidebar --border);
             background-color: fn.color(--sidebar --bg);
         }
diff --git a/tpl/index.pug b/tpl/index.pug
index 98aec2e..f682c26 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -552,8 +552,9 @@ html
                         +slot('sidebar')
                             +menu(style={ 'min-width': '10em' })
                                 +menu-header= '#channel'
-                                +menu-item(icon='bookmark', selected=true)= 'Bookmark'
-                                +menu-item(icon='tags')= 'Tags'
+                                +menu-item(icon='bookmark')= 'Bookmark'
+                                +menu-item(icon='tags', selected=true)= 'Tags'
+                                +menu-item(icon='hash')= 'achannel'
                         +slot('body')
                             p.u-mt-0= loremIpsum
 
diff --git a/tpl/objects/dialog.pug b/tpl/objects/dialog.pug
index 3a47b2f..12726a3 100644
--- a/tpl/objects/dialog.pug
+++ b/tpl/objects/dialog.pug
@@ -32,8 +32,8 @@ mixin dialog(title)
         header.o-dialog__header
             +div-heading('lg')(class='o-dialog__title')
                 = title
+        +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn')
         section(class=bodyClass)
-            +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn')
             if slots.body
                 - slots.body()
         footer.o-dialog__footer.l-button-group