From 097812f62aa3c1e193733bb08ef264c1f13e6fb2 Mon Sep 17 00:00:00 2001
From: Yanick Champoux <yanick@babyl.dyndns.org>
Date: Tue, 28 Jul 2020 15:49:08 -0400
Subject: [PATCH] tweaks on the style

---
 public/index.html            |  1 +
 src/components/Header.svelte | 13 +++++++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/public/index.html b/public/index.html
index 01d4c59..2377875 100644
--- a/public/index.html
+++ b/public/index.html
@@ -15,6 +15,7 @@
 
 	<link rel='icon' type='image/png' href='/favicon.png'>
 	<link rel='stylesheet' href='./global.css'>
+	<link rel='stylesheet' href='./css/buttons.css'>
 	<link rel='stylesheet' href='./bundle.css'>
 
     <!--
diff --git a/src/components/Header.svelte b/src/components/Header.svelte
index 7a1ce50..61057dd 100644
--- a/src/components/Header.svelte
+++ b/src/components/Header.svelte
@@ -1,22 +1,27 @@
 <header>
-  <h1>The Shipyard <span class="subtitle">a <a
-        href="https://shop.groundzerogames.co.uk/rules.html">Full Thrust</a> ship builder</span></h1>
+  <h1>The Shipyard</h1>
+  <h2>a <a
+        href="https://shop.groundzerogames.co.uk/rules.html">Full Thrust</a> ship builder</h2>
   </header>
 
   <style>
 
     header {
+    display: flex;
+    align-items: baseline;
       width: var(--main-width);
       margin-left: auto;
       margin-right: auto;
     }
-  h1 {
+  h1, h2 {
     font-family: Faktos;
     padding: 0px;
     margin: 0px;
   }
 
-  h1 .subtitle {
+  h2 {
+    text-align: right;
+    flex: 1;
     padding-left: 2em;
     font-size: var(--font-scale-12);
   }