docs(site): updates

Author: andreruffert

docs/index.html

@@ -46,8 +46,9 @@
     <header>
       <div class="header-links">
         <a href="https://andreruffert.com" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m12 19-7-7 7-7"/><path d="M19 12H5"/></svg>Made by André Ruffert</a>
-        <a href="https://github.com/andreruffert/syntax-highlight-element" target="_blank" rel="noreferrer">Star on GitHub <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"/></svg></a>
+        <a href="https://github.com/andreruffert/syntax-highlight-element" target="_blank" rel="noreferrer">Source on GitHub <svg xmlns="http://www.w3.org/2000/svg" width="1.2em" height="1.2em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg></a>
       </div>
+
       <color-scheme-switch class="button" title="Toggle light & dark color scheme">
         <svg class="icon" width="1.2em" height="1.2em"><use xlink:href="#sun"></use></svg>
       </color-scheme-switch>

docs/style.css

@@ -210,6 +210,7 @@
       flex: 1;
       border-radius: 0.6rem;
       padding: var(--spacing-4);
+      line-height: 1.6; /* fixed line-height no matter which theme is loaded */
     }
 
     .button {
@@ -304,9 +305,11 @@
       display: flex;
       gap: var(--spacing-2);
       align-items: center;
+      min-width: 12ch;
     }
     .menubar__item select {
       font-size: 1rem;
+      flex: 1;
     }
 
     .playground-code {