From d23c38e6f2a972a49a5463cc866190e341e2685e Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <karan.jayachandra@nxp.com>
Date: Tue, 11 Nov 2025 19:08:58 +0100
Subject: Lot of updates and progress

---
 index.html | 34 +++++++++++++++++++++++-----------
 1 file changed, 23 insertions(+), 11 deletions(-)

(limited to 'index.html')
diff --git a/index.html b/index.html
index 9cefa80..0e84b96 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" >
+<html lang="en" data-theme="light">
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -18,11 +18,11 @@
           <div class="column">
             <div class="field">
               <div class="field is-grouped is-grouped-right">
-                <button class="button is-danger" id="timer-dec">-</button>
-                <input class="input" id="timer-display" type="text" readonly></input>
-                <button class="button is-success" id="timer-inc">+</button>
-                <button class="button is-info" id="timer-start">Start</button>
-                <button class="button is-info" id="timer-stop">Stop</button>
+                <button class="button is-large is-danger" id="timer-dec">-</button>
+                <input class="input is-large" id="timer-display" type="text" readonly></input>
+                <button class="button is-large is-success" id="timer-inc">+</button>
+                <button class="button is-large is-info" id="timer-start">Start</button>
+                <button class="button is-large is-info" id="timer-stop">Stop</button>
               </div>
             </div>
           </div>
@@ -32,11 +32,23 @@
           <div id="game_list"></div>
         </section>
         <section class="section">
-          <h2 class="title">Controls</h1>
-          <div class="button-grid">
-            <button class="button is-dark" id="propose">Propose</button>
-            <!-- <button disabled>
-            <button class="button is-success">Confirm</button> -->
+          <div class="field is-grouped is-grouped-centered">
+            <div class="control">
+              <button class="button is-large is-dark" id="propose">Propose</button>
+            </div>
+            <div class="control">
+              <div class="select is-large is-fullwidth">
+                <select name="skill" id="skill">
+                  <option value="10">All Levels</option>
+                  <option value="5">2 Levels</option>
+                  <option value="3">3 Levels</option>
+                  <option value="1">Skill Based</option>
+                </select>
+              </div>
+            </div>
+            <div class="control">
+              <button class="button is-large is-success" id="confirm">Confirm</button>
+            </div>
           </div>
         </section>
         <section class="section">
-- 
cgit v1.3.1

