commit 849a01eee3384964c65f1cdc93517bc3526f245d
author Ferran López <flg@tuta.io> Sun Oct 04 14:37:18 2020 +0200
committer Ferran López <flg@tuta.io> Sun Oct 04 14:37:18 2020 +0200
tree 3fc0765da28989388d331828afac291c5efe2e37
parent fae71adee1a97ba8080f9d7662355bee8b02704d

Selector d'hores funcional

index.html

diff --git a/index.html b/index.html
index 073bb97..9dc52b4 100644
--- a/index.html
+++ b/index.html
@@ -30,49 +30,55 @@
         </nav>
         
         <section id="section-1" class="section">
-            <div class="field has-addons">
-                <p class="control">
-                    <button id="date-prev" class="button">&lt;</button>
-                </p>
-                <p class="control">
-                    <input id="date-selector" type="button" class="button">
-                </p>
-                <p class="control">
-                    <button id="date-next" class="button">&gt;</button>
-                </p>
-            </div>
-            <div class="field has-addons">
-                <p class="control">
-                    <button id="time-prev" class="button">&lt;</button>
-                </p>
-                <p class="control">
-                    <input id="time-selector" type="button" class="button" value="08:00 - 08:30">
-                </p>
-                <p class="control">
-                    <button id="time-next" class="button">&gt;</button>
-                </p>
-            </div><br>
+            <nav class="level">
+                <div class="level-item">
+                    <div class="field has-addons has-addons-centered">
+                        <p class="control">
+                        <button id="date-prev" class="button">&lt;</button>
+                        </p>
+                        <p class="control">
+                        <input id="date-selector" type="button" class="button">
+                        </p>
+                        <p class="control">
+                        <button id="date-next" class="button">&gt;</button>
+                        </p>
+                    </div>
+                </div>
+                <div class="level-item">
+                    <div class="field has-addons has-addons-centered">
+                        <p class="control">
+                        <button id="time-prev" class="button">&lt;</button>
+                        </p>
+                        <p class="control">
+                        <input id="time-selector" type="button" class="button" value="08:00 - 08:30">
+                        </p>
+                        <p class="control">
+                        <button id="time-next" class="button">&gt;</button>
+                        </p>
+                    </div>
+                </div>
+            </nav>
 
             <div id="subject-container" class="grid buttons"></div>
             <div id="no-subjects" class="is-hidden">No s'està impartint cap classe en aquests moments.</div>
             <div id="fme-maps-container" class="is-hidden">
-              <h4>Mapes de les aules de l'FME</h4>
-              <div class="maps">
-                <div class="map">
-                  <img src="img/ps.png">
-                  <div class="map--label">Planta <b>-1</b></div>
+                <h4>Plànols de les aules de l'FME</h4>
+                <div class="maps">
+                    <div class="map">
+                        <img src="img/ps.png">
+                        <div class="map--label">Planta <b>-1</b></div>
+                    </div>
+                    <div class="map">
+                        <img src="img/p0.png">
+                        <div class="map--label">Planta <b>0</b></div>
+                    </div>
+                    <div class="map">
+                        <img src="img/p1.png">
+                        <div class="map--label">Planta <b>1</b></div>
+                    </div>
                 </div>
-                <div class="map">
-                  <img src="img/p0.png">
-                  <div class="map--label">Planta <b>0</b></div>
-                </div>
-                <div class="map">
-                  <img src="img/p1.png">
-                  <div class="map--label">Planta <b>1</b></div>
-                </div>
-              </div>
             </div>
-            
+
         </section>
 
         <section id="section-2" class="section is-hidden">
@@ -104,7 +110,7 @@
 
         <section id="section-3" class="section is-hidden">
             <button class="button is-link is-light" onclick="switchSection('section-2')">Torna enrere (Lletra)</button>
-            
+
             <div id="number-container" class="buttons grid">
                 <button class="button" id="number-1" data-number="1">1</button>
                 <button class="button" id="number-2" data-number="2">2</button>
@@ -133,7 +139,7 @@
             <span id="letter-final">A</span><span id="number-final">1</span><br><br>
 
             <button id="send-button" class="button is-link is-large">Omple el formulari</button><br><br>
-            
+
             Hi ha errors? <br /><a class="button is-link is-light" href="https://docs.google.com/forms/d/e/1FAIpQLSfT9o287VqLyhwR8LPdloAQWhuqCgA3NfdhgP5vb9_sVQHL-g/viewform">Completa el formulari manualment</a>