From 836e763c51f5ba959dbfd90f6a1aef7722ffb644 Mon Sep 17 00:00:00 2001
From: didier amyot <didier.amyot@gmail.com>
Date: Mon, 11 Dec 2023 12:07:50 -0500
Subject: [PATCH] think about mobility

---
 public/index.html | 4 ++--
 public/login.html | 4 ++--
 src/server.tsx    | 7 +++++--
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/public/index.html b/public/index.html
index 23f118a..8108497 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,11 +10,11 @@
   </head>
   <body>
     <nav class="navbar" role="navigation" aria-label="main navigation">
-        <div class="navbar-menu">
+        <div class="navbar-menu is-active">
             <div class="navbar-start">
                 <a class="navbar-item" href="#" hx-post="/api/v1/logout">
                     <img src="images/js_logo.svg" alt="js logo" style="height: 100%">
-                    <h2 class="title is-3 ml-1">Reading Exercices</h2>
+                    <h2 class="title is-4 ml-1" style="display: inline;">Reading Exercices</h2>
                 </a>
             </div>
         </div>
diff --git a/public/login.html b/public/login.html
index 6df5d74..23a6c6e 100644
--- a/public/login.html
+++ b/public/login.html
@@ -10,11 +10,11 @@
   </head>
   <body>
     <nav class="navbar" role="navigation" aria-label="main navigation">
-        <div class="navbar-menu">
+        <div class="navbar-menu is-active">
             <div class="navbar-start">
                 <a class="navbar-item" href="#">
                     <img src="images/js_logo.svg" alt="js logo" style="height: 100%">
-                    <h2 class="title is-3 ml-1">Reading Exercices</h2>
+                    <h2 class="title is-4 ml-1" style="display: inline;">Reading Exercices</h2>
                 </a>
             </div>
         </div>
diff --git a/src/server.tsx b/src/server.tsx
index 531ed4b..79e6aee 100644
--- a/src/server.tsx
+++ b/src/server.tsx
@@ -62,10 +62,12 @@ function getQuestionPage(question: Question, urls: QuestionURLS){
         </div>
 
         <form>
-            <div class="field is-grouped">
+            <div class="field">
                 <div class="control is-expanded">
                     <input class="input" type="text" placeholder="Answer" name="answer"></input>
                 </div>
+            </div>
+            <div class="field is-grouped">
                 <div class="control">
                     <button class="button is-info"
                             hx-trigger="click"
@@ -84,7 +86,8 @@ function getQuestionPage(question: Question, urls: QuestionURLS){
                     Next Question
                     </a>
                 </div>
-
+            </div>
+            <div class="field">
                 <div class="control">
                     <a class="button is-info" 
                     href="#"