diff --git a/index.html b/index.html index db6886c..f7e1119 100644 --- a/index.html +++ b/index.html @@ -987,7 +987,7 @@ html[data-view="mobile"] .tl-year::after { width: 10px; height: 10px; bottom: -0.4rem; } html[data-view="mobile"] .typewriter-line { white-space: normal; } html[data-view="mobile"] #textContainer { font-size: 1.8rem; overflow-wrap: break-word; width: 90vw; } - html[data-view="mobile"] .btn-row { gap: 1rem; bottom: 8%; } + html[data-view="mobile"] .btn-row { position: static; gap: 1rem; margin-top: 2rem; transform: none; } html[data-view="mobile"] .btnNext { padding: 1rem 2rem; font-size: 1.4rem; } html[data-view="mobile"] #scene10e .btnNext { padding: 1rem 2rem; } html[data-view="mobile"] #scene3Title { font-size: 3rem; top: 1.5rem; left: 1.5rem; } @@ -999,7 +999,7 @@ html[data-view="mobile"] .punch-card { padding: 1rem; font-size: 1.3rem; } html[data-view="mobile"] .punch-card .punch-icon { font-size: 2.2rem; } html[data-view="mobile"] .scene4sub { padding: 1rem 1.5rem 14rem; overflow-wrap: break-word; } - html[data-view="mobile"] #scene4a { padding-top: 0; } + html[data-view="mobile"] #scene4a { padding-top: 0; justify-content: flex-start; } html[data-view="mobile"] .hub-title { font-size: 2.4rem; } html[data-view="mobile"] .hub-subtitle { font-size: 1.4rem; } html[data-view="mobile"] .hub-btn { padding: 1rem 2rem; font-size: 1.4rem; } diff --git a/www/index.html b/www/index.html index db6886c..f7e1119 100644 --- a/www/index.html +++ b/www/index.html @@ -987,7 +987,7 @@ html[data-view="mobile"] .tl-year::after { width: 10px; height: 10px; bottom: -0.4rem; } html[data-view="mobile"] .typewriter-line { white-space: normal; } html[data-view="mobile"] #textContainer { font-size: 1.8rem; overflow-wrap: break-word; width: 90vw; } - html[data-view="mobile"] .btn-row { gap: 1rem; bottom: 8%; } + html[data-view="mobile"] .btn-row { position: static; gap: 1rem; margin-top: 2rem; transform: none; } html[data-view="mobile"] .btnNext { padding: 1rem 2rem; font-size: 1.4rem; } html[data-view="mobile"] #scene10e .btnNext { padding: 1rem 2rem; } html[data-view="mobile"] #scene3Title { font-size: 3rem; top: 1.5rem; left: 1.5rem; } @@ -999,7 +999,7 @@ html[data-view="mobile"] .punch-card { padding: 1rem; font-size: 1.3rem; } html[data-view="mobile"] .punch-card .punch-icon { font-size: 2.2rem; } html[data-view="mobile"] .scene4sub { padding: 1rem 1.5rem 14rem; overflow-wrap: break-word; } - html[data-view="mobile"] #scene4a { padding-top: 0; } + html[data-view="mobile"] #scene4a { padding-top: 0; justify-content: flex-start; } html[data-view="mobile"] .hub-title { font-size: 2.4rem; } html[data-view="mobile"] .hub-subtitle { font-size: 1.4rem; } html[data-view="mobile"] .hub-btn { padding: 1rem 2rem; font-size: 1.4rem; }