diff --git a/index.html b/index.html index 0e27a39..db6886c 100644 --- a/index.html +++ b/index.html @@ -993,7 +993,7 @@ html[data-view="mobile"] #scene3Title { font-size: 3rem; top: 1.5rem; left: 1.5rem; } html[data-view="mobile"] #scene3 { padding: 4rem 1.5rem 12rem; } html[data-view="mobile"] #scene3Text { margin-top: 2rem; overflow-wrap: break-word; } - html[data-view="mobile"] #scene3ChoiceRow { flex-direction: column; bottom: 14%; gap: 1rem; } + html[data-view="mobile"] #scene3ChoiceRow { flex-direction: column; position: static; gap: 1rem; width: 100%; align-items: center; margin-top: 2rem; transform: none; } html[data-view="mobile"] .scene3ChoiceBtn { padding: 1.2rem 2rem; font-size: 1.6rem; } html[data-view="mobile"] .punch-row { flex-direction: column; gap: 0.8rem; } html[data-view="mobile"] .punch-card { padding: 1rem; font-size: 1.3rem; } diff --git a/www/index.html b/www/index.html index 0e27a39..db6886c 100644 --- a/www/index.html +++ b/www/index.html @@ -993,7 +993,7 @@ html[data-view="mobile"] #scene3Title { font-size: 3rem; top: 1.5rem; left: 1.5rem; } html[data-view="mobile"] #scene3 { padding: 4rem 1.5rem 12rem; } html[data-view="mobile"] #scene3Text { margin-top: 2rem; overflow-wrap: break-word; } - html[data-view="mobile"] #scene3ChoiceRow { flex-direction: column; bottom: 14%; gap: 1rem; } + html[data-view="mobile"] #scene3ChoiceRow { flex-direction: column; position: static; gap: 1rem; width: 100%; align-items: center; margin-top: 2rem; transform: none; } html[data-view="mobile"] .scene3ChoiceBtn { padding: 1.2rem 2rem; font-size: 1.6rem; } html[data-view="mobile"] .punch-row { flex-direction: column; gap: 0.8rem; } html[data-view="mobile"] .punch-card { padding: 1rem; font-size: 1.3rem; }