diff options
| author | Henry Jameson <me@hjkos.com> | 2022-09-29 11:49:19 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-09-29 11:49:19 +0300 |
| commit | a4e0eeea7a6784d8d96ce40be2921e41c5df8b0a (patch) | |
| tree | 8183810991f55616b0eca15e80270cf4d3e2cbac /src | |
| parent | 66014fcfcb386f4110ff0a6056e45e61af434ea3 (diff) | |
fix buttons overlapping
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/notifications/notifications.scss | 5 | ||||
| -rw-r--r-- | src/components/timeline/timeline.scss | 6 |
2 files changed, 7 insertions, 4 deletions
diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss index f4a3e099..b57dfb3a 100644 --- a/src/components/notifications/notifications.scss +++ b/src/components/notifications/notifications.scss @@ -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; diff --git a/src/components/timeline/timeline.scss b/src/components/timeline/timeline.scss index c38ecfea..18a80a63 100644 --- a/src/components/timeline/timeline.scss +++ b/src/components/timeline/timeline.scss @@ -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; |