diff --git a/src/player.html b/src/player.html index c4fc6ce..89b634f 100644 --- a/src/player.html +++ b/src/player.html @@ -46,11 +46,12 @@
diff --git a/src/style.css b/src/style.css index 3ad60b3..e163e2a 100644 --- a/src/style.css +++ b/src/style.css @@ -1,6 +1,7 @@ body { - height: 100em; + height: 100vh; /*overflow: hidden;*/ + overflow-x: hidden; align-items: center; justify-content: center; margin: 0; @@ -33,9 +34,9 @@ body { } .footer { + margin-top: -5px; display: flex; align-items: center; - justify-content: left; color: white; } @@ -156,7 +157,8 @@ body { .button { font-size: 1em; width: fit-content; - padding: 10px; + padding: 5px; + margin: 3px 5px 3px 5px; border: 1px solid #ececec; border-radius: 10px; color: white; @@ -174,15 +176,17 @@ body { #jsonData { font-size: 1em; overflow-y: hidden; + overflow-x: scroll; transition: font-size 500ms cubic-bezier(1, 1, 1, 1); margin: 0.1vw; border: 1px solid rgba(169, 169, 169, 0.67); padding: 0.2vw; - } .closed#jsonData { font-size: 0 !important; + margin: 0; + padding: 0; } .tileImg { @@ -196,7 +200,7 @@ body { opacity: 0; } -#jsonData { - position: absolute; - top: 100vh; -} \ No newline at end of file +/*#jsonData {*/ +/* position: absolute;*/ +/* top: 100vh;*/ +/*}*/ \ No newline at end of file