From 4c8eb242897ebc6060a4cc8bb12e86116511aa6d Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Thu, 28 May 2020 16:36:37 -0400
Subject: [PATCH] Center the start menu and adjust tooltip positions

---
 satiate.css | 11 ++++++++---
 satiate.js  |  2 +-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/satiate.css b/satiate.css
index 100ba1d..d7ade8f 100644
--- a/satiate.css
+++ b/satiate.css
@@ -38,8 +38,12 @@ a:hover {
   text-decoration: none;
 }
 
-#pick {
+#pick.scene {
   text-align: center;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
 }
 
 #pick-blurb {
@@ -485,12 +489,13 @@ a:hover {
   position: absolute;
   display: none;
   background: gray;
-  top: -20pt;
   left: 50%;
+  top: 0%;
+  transform: translate(48pt, -100%);
+  padding: 5pt;
   color: #eee;
   border-radius: 5pt;
   pointer-events: none;
-  transform: translate(-50%, 0);
 }
 
 .tooltip:hover::before {
diff --git a/satiate.js b/satiate.js
index 10631b6..061d0af 100644
--- a/satiate.js
+++ b/satiate.js
@@ -185,7 +185,7 @@ function initStart() {
     })
 
     document.querySelector("#description").innerText = story.info.desc;
-    document.querySelector("#start-button").style.display = "inline";
+    document.querySelector("#start-button").style.display = "block";
   });
 
   const start = document.querySelector("#start-button");