diff --git a/src/lib/components/blog/PostContent.svelte b/src/lib/components/blog/PostContent.svelte index 8979e6d..b0e8f44 100644 --- a/src/lib/components/blog/PostContent.svelte +++ b/src/lib/components/blog/PostContent.svelte @@ -32,6 +32,21 @@ diff --git a/src/lib/components/shell/DiscordStatus.svelte b/src/lib/components/shell/DiscordStatus.svelte index a68281f..28d6fbc 100644 --- a/src/lib/components/shell/DiscordStatus.svelte +++ b/src/lib/components/shell/DiscordStatus.svelte @@ -93,5 +93,13 @@ .status-name { display: none; } + + .discord-status { + margin-right: 2px; + } + + .status-button { + padding: 0 0.45rem; + } } diff --git a/src/lib/components/ui/Section.svelte b/src/lib/components/ui/Section.svelte index 920028b..a00308a 100644 --- a/src/lib/components/ui/Section.svelte +++ b/src/lib/components/ui/Section.svelte @@ -29,15 +29,17 @@ .section-title::before, .section-title::after { content: ''; - height: 1px; - background: color-mix(in srgb, var(--foreground) 25%, transparent); + height: 0; + border-top: 1px solid color-mix(in srgb, var(--foreground) 25%, transparent); } .section-title::before { + flex-shrink: 0; width: 1.5rem; } .section-title::after { flex: 1; + min-width: 1rem; }