Changeset 3507b0b in Klonkt

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@…>

Location:

src

Files:

• assets/css/style.css (modified) (3 diffs)
• views/partials/profile-header.ejs (modified) (1 diff)
• views/shell.ejs (modified) (1 diff)

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) {

src/views/partials/profile-header.ejs

@@ -281 +281 @@
 /* The fediverse logo is an open line-network, so it reads smaller than a solid
    glyph at 18px — render it larger INSIDE the same 36px circle (circle unchanged). */
-.profile-fedi-link svg { width: 24px; height: 24px; }
+.profile-fedi-link svg { width: 22px; height: 22px; }
 </style>

src/views/shell.ejs

@@ -198 +198 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=50">
+<link rel="stylesheet" href="/assets/css/style.css?v=51">
 
 <!-- Audio player styles: loaded on every page so the mini-player works