style: Reduce site logo gap and split 'How Do You' text into individual spans.

2026-03-08 14:01:36 -07:00
parent 2794835590
commit 0114e00618
2 changed files with 2 additions and 2 deletions
--- a/hdyc-svelte/src/app.css
+++ b/hdyc-svelte/src/app.css
@@ -357,7 +357,7 @@ a:focus-visible {
 .site-logo {
  display: flex;
  align-items: center;
-  gap: 0.5rem;
+  gap: 0.3rem;
  text-decoration: none;
  color: var(--text);
  font-weight: 800;
--- a/hdyc-svelte/src/routes/+layout.svelte
+++ b/hdyc-svelte/src/routes/+layout.svelte
@@ -481,7 +481,7 @@
      </button>
    {/if}
    <a href="/" class="site-logo">
-      <span>How Do You</span><span class="logo-accent">Convert</span><span class="logo-domain">.com</span>
+      <span>How</span><span>Do</span><span>You</span><span class="logo-accent">Convert</span><span class="logo-domain">.com</span>
    </a>
  </div>
  <div class="header-right">