fix buttons overlapping

This commit is contained in:
Henry Jameson 2022-09-29 11:49:19 +03:00
parent 66014fcfcb
commit a4e0eeea7a
2 changed files with 7 additions and 4 deletions

View file

@ -35,11 +35,12 @@
text-align: center;
width: var(--__panel-heading-height);
height: var(--__panel-heading-height);
margin: calc(-1 * var(--panel-heading-height-padding));
margin: calc(-1 * var(--panel-heading-height-padding)) 0;
margin-right: -0.5em;
> button {
box-sizing: border-box;
padding: calc(1 * var(--panel-heading-height-padding));
padding: calc(1 * var(--panel-heading-height-padding)) 0;
height: 100%;
width: 100%;
text-align: center;

View file

@ -18,11 +18,12 @@
text-align: center;
width: var(--__panel-heading-height);
height: var(--__panel-heading-height);
margin: calc(-1 * var(--panel-heading-height-padding));
margin: calc(-1 * var(--panel-heading-height-padding)) 0;
margin-right: -0.5em;
> button {
box-sizing: border-box;
padding: calc(1 * var(--panel-heading-height-padding));
padding: calc(1 * var(--panel-heading-height-padding)) 0;
height: 100%;
width: 100%;
text-align: center;
@ -37,6 +38,7 @@
align-self: stretch;
text-align: center;
width: var(--__panel-heading-height);
margin-right: -0.5em;
svg {
font-size: 1.2em;