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; text-align: center;
width: var(--__panel-heading-height); width: var(--__panel-heading-height);
height: 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 { > button {
box-sizing: border-box; box-sizing: border-box;
padding: calc(1 * var(--panel-heading-height-padding)); padding: calc(1 * var(--panel-heading-height-padding)) 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
text-align: center; text-align: center;

View File

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