🖌️

gui/index.html

@@ -7,6 +7,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
     <script src="main.js"></script>
+    <style>
+        label {
+            margin-right: 10px /*  interval after answer option  */
+        }
+        footer {
+            text-align: center;
+        }
+    </style>
     <title>Тестирование</title>
 </head>
 
@@ -27,8 +35,9 @@
         <button id="end-quiz">Завершить тест для всех 😇</button>
     </main>
 
+    <hr>
     <footer>
-        <p>кафедра картографии и геоинформатики c 💖 для 👩‍🎓</p>
+        <kbd>кафедра картографии и геоинформатики c 💖 для 👩‍🎓</kbd>
     </footer>
 
 </body>

gui/main.js

@@ -65,7 +65,8 @@ document.addEventListener("DOMContentLoaded", function () {
                 document.getElementById("main").innerHTML = questions_html
 
                 var button = document.createElement('button');
-                button.innerHTML = 'Сдать';
+                button.style.margin = "20px"
+                button.innerHTML = 'Сдать тест';
                 button.onclick = function () {
                     // TODO: move this logic to the backend check_answers function
                     // Populate quiz with empty answers (if no answer presented in select there'll be no property "answer" what could not be resolved in API)