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");