make feedback bigger, title smaller

plabayo · Feb 10, 2024 · 11d08a0 · 11d08a0
1 parent aac6a03
commit 11d08a0
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 4 deletions.
diff --git a/site/1/mathbox.html b/site/1/mathbox.html
@@ -33,6 +33,11 @@
             text-align: center;
         }
 
+        #exercise-meta {
+            margin: 0 auto;
+            width: fit-content;
+        }
+
         form {
             padding: 5px;
         }
@@ -168,9 +173,11 @@ <h1>rekendoos <code>➕➖🟰</code></h1>
 
         <div id="page-exercises" hidden>
             <button class="button-reset">begin opnieuw ↩️</button>
+            <div id="exercise-meta">
+                <p id="form-title"></p>
+            </div>
             <div id="exercise" class="box">
-                <h3 id="form-title"></h3>
-                <p id="exercise-feedback">&nbsp;</p>
+                <h3 id="exercise-feedback">&nbsp;</h3>
                 <form id="form-exercise" , action="javascript:void(0)">
                 </form>
             </div>

diff --git a/site/1/thermometer.html b/site/1/thermometer.html
@@ -33,6 +33,11 @@
             text-align: center;
         }
 
+        #exercise-meta {
+            margin: 0 auto;
+            width: fit-content;
+        }
+
         form {
             padding: 5px;
         }
@@ -218,9 +223,11 @@ <h1>thermometer <code>🌡️</code></h1>
 
         <div id="page-exercises" hidden>
             <button class="button-reset">begin opnieuw ↩️</button>
+            <div id="exercise-meta">
+                <p id="form-title"></p>
+            </div>
             <div id="exercise" class="box">
-                <h3 id="form-title"></h3>
-                <p id="exercise-feedback">&nbsp;</p>
+                <h3 id="exercise-feedback">&nbsp;</h3>
                 <form id="form-exercise" , action="javascript:void(0)">
                 </form>
             </div>