sam/pleroma-fe
sam
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/notifications/notifications.scss
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;

6
src/components/timeline/timeline.scss
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;