From a829e7224cb2ec61925cca6fc47416d881ff277d Mon Sep 17 00:00:00 2001
From: Jesse McDonald <nybble41@gmail.com>
Date: Wed, 24 Jun 2020 21:45:15 -0500
Subject: [PATCH] minor layout tweaks

---
 css/chess.css     | 12 ++++++++----
 js/pacosako_ui.js |  1 +
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/css/chess.css b/css/chess.css
index 482d487..2689673 100644
--- a/css/chess.css
+++ b/css/chess.css
@@ -559,6 +559,10 @@ div.hbox {
    color: blue;
 }
 
+.jBox-wrapper.jBox-hasTitle > .jBox-container {
+   padding: 4px; /* same as border-radius */
+}
+
 .jBox-title h2 {
    margin: 0;
 }
@@ -605,10 +609,9 @@ div.hbox {
 }
 
 .game-tiles {
-   width: 90vw;
-   max-width: 90vw;
-   max-height: 85vh;
-   overflow-y: auto;
+   width: calc(100vw - 6rem);
+   max-width: calc(100vw - 6rem);
+   max-height: calc(100vh - 12rem);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15em, auto));
    align-items: center;
@@ -661,6 +664,7 @@ div.hbox {
    font-size: 3em;
    text-shadow: 2px 2px 4px #000000c0;
    font-weight: bold;
+   text-align: center;
 }
 
 .new-game-text::before {
diff --git a/js/pacosako_ui.js b/js/pacosako_ui.js
index c50a7b8..581a8e0 100644
--- a/js/pacosako_ui.js
+++ b/js/pacosako_ui.js
@@ -1238,6 +1238,7 @@ $(function (){
 
    var selectBoxIntervalID = undefined;
    var selectBox = new jBox('Modal', {
+      title: '<h2>Recent Games</h2>',
       content: gameSelectContent,
       blockScroll: false,
       blockScrollAdjust: false,