Update

2 files changed, 6 insertions, 6 deletions

diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss
index 35f29b6..eb0d9d0 100644
--- a/src/objects/_lightbox.scss
+++ b/src/objects/_lightbox.scss
@@ -47,6 +47,10 @@
                         position:          absolute;
                         inset-block-start: props.get(vars.$pad);
                         z-index:           20;
+                        display:           flex;
+                        align-items:       center;
+                        block-size:        props.get(vars.$controls--block-size);
+                        padding-inline:    props.get(vars.$controls--pad-i);
                         background-color:  props.get(vars.$controls--bg);
                         border-radius:     10em;
                         box-shadow:
@@ -59,14 +63,10 @@
 
                 @include bem.elem('info') {
                         inset-inline-start:  props.get(vars.$pad);
-                        padding:
-                                calc(props.get(vars.$controls--pad-b) + props.get(button.$pad-b))
-                                calc(props.get(vars.$controls--pad-i) + props.get(button.$pad-i));
                 }
 
                 @include bem.elem('controls') {
                         inset-inline-end:  props.get(vars.$pad);
-                        padding:           props.get(vars.$controls--pad-b) props.get(vars.$controls--pad-i);
                 }
 
                 @include bem.elem('img') {
diff --git a/src/objects/_lightbox.vars.scss b/src/objects/_lightbox.vars.scss
index 10e872c..a74f514 100644
--- a/src/objects/_lightbox.vars.scss
+++ b/src/objects/_lightbox.vars.scss
@@ -5,8 +5,8 @@
 
 $pad: props.def(--o-lightbox--pad, props.get(core.$size--150)) !default;
 
-$controls--pad-i: props.def(--o-lightbox--controls--pad-i, props.get(core.$size--150)) !default;
-$controls--pad-b: props.def(--o-lightbox--controls--pad-b, props.get(core.$size--50)) !default;
+$controls--pad-i:      props.def(--o-lightbox--controls--pad-i, props.get(core.$size--150)) !default;
+$controls--block-size: props.def(--o-lightbox--controls--block-size, props.get(core.$size--550)) !default;
 
 $controls--shadow-x:    props.def(--o-lightbox--controls--shadow-x, props.get(core.$shadow--l2--x)) !default;
 $controls--shadow-y:    props.def(--o-lightbox--controls--shadow-y, props.get(core.$shadow--l2--y)) !default;