minor layout tweaks

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 {

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,