css issues

Author: rhansolo

public/global.css

@@ -156,4 +156,4 @@ button.mapboxgl-popup-close-button {
 
   color: #fff;
   padding: 2px 4px;
-}
+}

src/App.svelte

@@ -413,11 +413,9 @@
   }
 
   .graph-container {
-    position: relative;
-    float: right;
-    width: 410px;
+    position: absolute;
     z-index: 1001;
-    bottom: 382px;
+    bottom: 24px;
     right: 10px;
     background-color: rgba(255, 255, 255, 0.9);
     padding: 5px 5px;
@@ -460,10 +458,10 @@
   }
 
   .graph-toggole-button-container {
-    position: relative;
+    position: absolute;
     float: right;
     z-index: 1001;
-    bottom: 60px;
+    bottom: 24px;
     right: 10px;
     background-color: rgba(255, 255, 255, 0.9);
     padding: 5px 5px;
@@ -523,10 +521,9 @@
   }
 
   .time-container {
-    position: relative;
-    bottom: 10px;
+    position: absolute;
+    bottom: 24px;
     left: 10px;
-    width: 660px;
     z-index: 1002;
     background-color: rgba(255, 255, 255, 0.9);
     padding: 30px 10px;

src/Options.svelte

@@ -209,18 +209,18 @@
 
   <div class="option">
     <p style="font-size: 15px;">
-      <strong>Indicators:</strong>
+      <strong>Indicator:</strong>
     </p>
     <select
-      aria-label="geographic level"
+      aria-label="indicator options"
       class="buttons-group"
       bind:value={sensor}
       on:change={() => {
         currentDataReadyOnMap.set(false);
         currentSensor.set(sensor);
         shouldDisplayBanner = true;
       }}>
-      <optgroup label="Indicator">
+      <optgroup label="Indicators">
         {#each Array.from($sensorMap.keys()).filter(d => !$sensorMap.get(d).official) as sensor}
           <option title={$sensorMap.get(sensor).tooltipText} value={sensor}>{$sensorMap.get(sensor).name}</option>
         {/each}