Changeset 3507b0b in Klonkt for src/assets/css/style.css

Timestamp:

06/26/2026 08:37:56 AM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

49b1b39

Parents:

066951c

Message:

fix(fediverse): follow button now shares the social-icon circle (32px)

Root cause: .profile-links a { width:32px } styled the social <a> icons, but the
follow <button> didn't match that selector and fell back to an inline
.profile-link { 36px } -> 36px vs 32px mismatch. Add .profile-fedi-link to the
.profile-links a size/hover rules so the button is a true peer at every
breakpoint; logo svg 22px in the 32px circle.

Co-Authored-By: Claude <noreply@…>

File:

• src/assets/css/style.css (modified) (3 diffs)

src/assets/css/style.css

@@ -2204 +2204 @@
 }
 .profile-links li { margin: 0; }
-.profile-links a {
+.profile-links a,
+.profile-links .profile-fedi-link {
     display: inline-flex;
     align-items: center;
@@ -2216 +2217 @@
     transition: background .15s, color .15s;
 }
-.profile-links a:hover {
+.profile-links a:hover,
+.profile-links .profile-fedi-link:hover {
     background: color-mix(in srgb, var(--accent) 15%, transparent);
     color: var(--accent);
@@ -2789 +2791 @@
 .profile-bio { font-size: .85rem; margin-top: .15rem; }
 .profile-links { margin-top: .5rem; gap: .4rem; }
-.profile-links a { width: 32px; height: 32px; }
+.profile-links a,
+.profile-links .profile-fedi-link { width: 32px; height: 32px; }
 
 @media (min-width: 768px) {