diff --git a/global/loadingScreen.css b/global/loadingScreen.css index 8919ac3..75d8290 100644 --- a/global/loadingScreen.css +++ b/global/loadingScreen.css @@ -32,12 +32,11 @@ } #loadingText { position: absolute; - bottom: 0%; - left: calc(50% - 45vw); - width: 90vw; + bottom: 0; + left: calc(50vw - min(45vw, 250px)); + width: min(90vw, 500px); text-align: center; - font-size: 1.5rem; - word-break: break-word; + font-size: min(5vmin, 2vmax); display: flex; justify-content: center; color: #ffffff; diff --git a/toys/style.css b/toys/style.css index 4a88856..03b2a8c 100644 --- a/toys/style.css +++ b/toys/style.css @@ -19,14 +19,16 @@ padding: calc(1px * var(--pxDensity)); border-top: calc(1px * var(--pxDensity)) solid var(--navBar_Border); text-align: left; - overflow: scroll; + overflow-y: scroll; + overflow-x: hidden; } h1 { + font-size: max(1.2em, 2.5vmin); margin: 0%; margin-bottom: calc(1px * var(--pxDensity)); } .desc { - font-size: 1.3rem; + font-size: max(1em, 2vmin); margin: 0%; } button:hover { @@ -39,4 +41,8 @@ button:active { } .toyLi { margin: calc(3px * var(--pxDensity)); +} +ul { + margin: 0%; + padding: 0%; } \ No newline at end of file