diff options
| author |  tobi <31960611+tsmethurst@users.noreply.github.com> | 2025-04-11 15:50:14 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2025-04-11 15:50:14 +0200 |
| commit | eb4114bf1281e41b8ad8f560b7a28a3b7aeb3efc (patch) | |
| tree | 1c3a434e55dc3e865562ce35a6ac42e90dc8e88b /web | |
| parent | [docs] add a command to know if the system is compatible with the standard bu... (diff) | |
| download | gotosocial-eb4114bf1281e41b8ad8f560b7a28a3b7aeb3efc.tar.xz | |
[chore] Fix header insets (#3987)
Diffstat (limited to 'web')
| -rw-r--r-- | web/source/css/_profile-header.css | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/web/source/css/_profile-header.css b/web/source/css/_profile-header.css index 3b14edab8..ff61b1004 100644 --- a/web/source/css/_profile-header.css +++ b/web/source/css/_profile-header.css @@ -20,6 +20,8 @@ .profile .profile-header { background: $profile-bg; border-radius: $br; + margin-bottom: 1rem; + padding-bottom: 1rem; /* Link to open media in slide @@ -69,6 +71,7 @@ .basic-info { position: relative; display: grid; + gap: 0 1rem; box-sizing: border-box; grid-template-columns: $avatar-size auto 1fr; grid-template-rows: $overlap $name-size auto; @@ -77,10 +80,12 @@ "avatar namerole namerole" "avatar namerole namerole"; - margin: 1rem; - margin-top: calc(-1 * $overlap); - gap: 0 1rem; - padding-bottom: 1rem; + /* + Margin top to inset profile pic into + header image, margin sides to inset + basic info from header wrapper. + */ + margin: calc(-1 * $overlap) 1rem 0 1rem; .avatar-image-wrapper { grid-area: avatar; |