minor layout tweaks
This commit is contained in:
parent
23202e7a7b
commit
a829e7224c
|
|
@ -559,6 +559,10 @@ div.hbox {
|
||||||
color: blue;
|
color: blue;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.jBox-wrapper.jBox-hasTitle > .jBox-container {
|
||||||
|
padding: 4px; /* same as border-radius */
|
||||||
|
}
|
||||||
|
|
||||||
.jBox-title h2 {
|
.jBox-title h2 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -605,10 +609,9 @@ div.hbox {
|
||||||
}
|
}
|
||||||
|
|
||||||
.game-tiles {
|
.game-tiles {
|
||||||
width: 90vw;
|
width: calc(100vw - 6rem);
|
||||||
max-width: 90vw;
|
max-width: calc(100vw - 6rem);
|
||||||
max-height: 85vh;
|
max-height: calc(100vh - 12rem);
|
||||||
overflow-y: auto;
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fill, minmax(15em, auto));
|
grid-template-columns: repeat(auto-fill, minmax(15em, auto));
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -661,6 +664,7 @@ div.hbox {
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
text-shadow: 2px 2px 4px #000000c0;
|
text-shadow: 2px 2px 4px #000000c0;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.new-game-text::before {
|
.new-game-text::before {
|
||||||
|
|
|
||||||
|
|
@ -1238,6 +1238,7 @@ $(function (){
|
||||||
|
|
||||||
var selectBoxIntervalID = undefined;
|
var selectBoxIntervalID = undefined;
|
||||||
var selectBox = new jBox('Modal', {
|
var selectBox = new jBox('Modal', {
|
||||||
|
title: '<h2>Recent Games</h2>',
|
||||||
content: gameSelectContent,
|
content: gameSelectContent,
|
||||||
blockScroll: false,
|
blockScroll: false,
|
||||||
blockScrollAdjust: false,
|
blockScrollAdjust: false,
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue