From 0a5d39dc342fb7436daddd8d88bf1d3f71520fc2 Mon Sep 17 00:00:00 2001 From: Zach Date: Thu, 3 Aug 2023 15:23:58 -0500 Subject: [PATCH] UI tweaks --- css/artsey-tutor.css | 17 ++++++++--------- index.html | 2 +- js/artsey-tutor.js | 2 +- 3 files changed, 10 insertions(+), 11 deletions(-) diff --git a/css/artsey-tutor.css b/css/artsey-tutor.css index ba07d25..4af86db 100644 --- a/css/artsey-tutor.css +++ b/css/artsey-tutor.css @@ -1,11 +1,10 @@ .flex-container { display: flex; - flex-direction: row; + flex-direction: column; flex-wrap: nowrap; justify-content: normal; align-items: normal; align-content: normal; - margin: 20px; padding: 20px; } .flex-items { @@ -19,8 +18,11 @@ flex-basis: auto; align-self: auto; order: 0; - width: 300px; + width: 500px; border: 2px black solid; + font-size: 44px; + text-align: center; + margin: 0 auto 20px; } .flex-items:nth-child(2) { @@ -31,7 +33,8 @@ align-self: auto; order: 0; border: 2px black solid; - margin-left: 12px; + margin: 0 auto; + width: 500px; } #keyboard { @@ -42,6 +45,7 @@ grid-template-rows: repeat(2, 1fr); grid-row-gap: 12px; padding: 12px; + margin: 0 auto; } .keyboard-key { @@ -81,9 +85,4 @@ #keyboard-key:nth-child(8) { grid-area: 2 / 4 / 3 / 5; -} - -.flex-items:nth-child(1) { - margin: 0 auto; - font-size: 44px; } \ No newline at end of file diff --git a/index.html b/index.html index 0e5964a..76df249 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@
-
+
diff --git a/js/artsey-tutor.js b/js/artsey-tutor.js index 681bc2e..31d3def 100644 --- a/js/artsey-tutor.js +++ b/js/artsey-tutor.js @@ -49,7 +49,7 @@ $(document).ready(async function() { for (let key in mappings) { await sleep(1000); console.log(key); - $('#letterbox').text(key.split('_')[1].toUpperCase()) + $('#text-to-type').text(key.split('_')[1].toUpperCase()) artsey_draw(mappings[key]); } artsey_reset();