Fixed flaws

5 files changed, 11 insertions, 6 deletions

diff --git a/tpl/objects/backdrop.pug b/tpl/objects/backdrop.pug
index cbe8866..227700c 100644
--- a/tpl/objects/backdrop.pug
+++ b/tpl/objects/backdrop.pug
@@ -8,5 +8,10 @@ mixin backdrop
             classes[attributes.class] = true;
         }
 
-    div(class=classes, style={ width: '100%', 'min-height': '5em', 'max-height': '40em' })
+        let styles = { width: '100%', 'min-height': '5em', 'max-height': '40em' }
+        if (attributes.pad) {
+            styles['padding'] = '2em';
+        }
+
+    div(class=classes, style=styles)
         block
diff --git a/tpl/objects/bubble-group.pug b/tpl/objects/bubble-group.pug
index a1a8c00..e6a6d19 100644
--- a/tpl/objects/bubble-group.pug
+++ b/tpl/objects/bubble-group.pug
@@ -10,6 +10,6 @@ mixin bubble-group(user)
         }
 
     section(class=classes)
-        .l-bubble-group__avatar.u-sticky-top
+        .l-bubble-group__avatar.u-p-sticky-top
             +avatar= user.slice(0, 2)
         block
diff --git a/tpl/objects/bubble.pug b/tpl/objects/bubble.pug
index bec6e9e..d04f06b 100644
--- a/tpl/objects/bubble.pug
+++ b/tpl/objects/bubble.pug
@@ -43,7 +43,7 @@ mixin bubble(user)
     article(class=classes)
         if user && attributes.avatar
             .l-media.l-media--flush.l-flex--align-start
-                .l-media__block.u-mt-50.u-sticky-top
+                .l-media__block.u-mt-50.u-p-sticky-top
                     +avatar= user.slice(0, 2)
                 .l-media__block.l-media__block--main
                     +content
diff --git a/tpl/objects/dialog.pug b/tpl/objects/dialog.pug
index 95aa41c..ece0d67 100644
--- a/tpl/objects/dialog.pug
+++ b/tpl/objects/dialog.pug
@@ -40,7 +40,7 @@ mixin dialog(title)
                 if slots['sidebar-header']
                     - slots['sidebar-header']()
                 else
-                    +div-heading('sm')(class='o-dialog__title l-media__block l-media__block--main')= attributes.sidebarTitle
+                    +div-heading('xl')(class='o-dialog__title u-mt-0 l-media__block l-media__block--main')= attributes.sidebarTitle
 
         if slots.sidebar
             .o-dialog__sidebar.l-overflow
@@ -51,7 +51,7 @@ mixin dialog(title)
                 - slots.header()
             else
                 if title
-                    +div-heading('sm')(class='o-dialog__title l-media__block l-media__block--main')= title
+                    +div-heading('xl')(class='o-dialog__title u-mt-0 l-media__block l-media__block--main')= title
             +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn l-media__block')
 
         section(class=bodyClass)
diff --git a/tpl/objects/icon.pug b/tpl/objects/icon.pug
index 67bcf37..98d51ad 100644
--- a/tpl/objects/icon.pug
+++ b/tpl/objects/icon.pug
@@ -9,5 +9,5 @@ mixin icon(id)
             classes[attributes.class] = true;
         }
 
-    svg(class=classes width='1em' height='1em')
+    svg(class=classes)
         use(href=href)