Fix button and time line alignment

public/index.html

@@ -68,15 +68,13 @@
         <div class="map-overlay-inner">
             <h2>Calidad del aire - O3 en 2020</h2>
             <label id="datetime"></label>
-            <input id="slider" type="range" /> <!-- TODO: fix button and timeline alignement -->
-        </div>
-        <div class="map-overlay-inner">
+            <input id="slider" type="range"/>
             <div id="legend" class="legend">
-                <div class="bar"></div>
+                <div class="bar"></div> <!-- TODO: put labels in legend -->
                 <div>Ozono (ppm)</div>
             </div>
+            <button id="play-button">Play</button> <!-- TODO: put play button next to timeline -->
         </div>
-        <button id="play-button">Play</button>
     </div>
 
     <script src="https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js"></script>