fix some text-alignment issues in game over modal

michaelchadwick · michaelchadwick · commit 10a9e5c116e9 · 2025-09-22T02:27:25.000-07:00
diff --git a/assets/css/modal/root.css b/assets/css/modal/root.css
@@ -78,7 +78,9 @@
     width: 100%;
 
     div {
-      &.para {
+      &.move-count,
+      &.para,
+      &.bot-score {
         text-align: center;
 
         &.highlighted {
diff --git a/assets/js/app/modals.js b/assets/js/app/modals.js
@@ -482,7 +482,7 @@ Deckdle.modalOpen = async (type) => {
           <div class="share">
             <button class="game-over share" onclick="Deckdle._shareResults()">Share <i class="fa-solid fa-share-nodes"></i></button>
           </div>
-          <div>
+          <div class="bot-score">
             <button class="fa-solid fa-robot icon tiny solo" title="${botScoreDaily}" onclick="Deckdle.modalOpen('bot-score')"></button>
           </div>
         `

Original file line number	Diff line number	Diff line change
`@@ -482,7 +482,7 @@ Deckdle.modalOpen = async (type) => {`
`482`	`482`	`<div class="share">`
`483`	`483`	`<button class="game-over share" onclick="Deckdle._shareResults()">Share <i class="fa-solid fa-share-nodes"></i></button>`
`484`	`484`	`</div>`
`485`		`- <div>`
	`485`	`+ <div class="bot-score">`
`486`	`486`	`<button class="fa-solid fa-robot icon tiny solo" title="${botScoreDaily}" onclick="Deckdle.modalOpen('bot-score')"></button>`
`487`	`487`	`</div>`
`488`	`488`	`