Cleanup divs

3 files changed, 15 insertions, 17 deletions

diff --git a/src/Datetime.js b/src/Datetime.js
index df29ba1..e46a492 100644
--- a/src/Datetime.js
+++ b/src/Datetime.js
@@ -16,10 +16,10 @@ function DateTime(props) {
   const time = datetime ? datetime.toFormat("HH:mm") : "";
 
   return (
-    <>
+    <div id="datetime">
       <div id="date">{date}</div>
       <div id="time">{time}</div>
-    </>
+    </div>
   );
 }
 
diff --git a/src/Geshem.js b/src/Geshem.js
index 2ccaa62..dd64554 100644
--- a/src/Geshem.js
+++ b/src/Geshem.js
@@ -38,12 +38,8 @@ function Geshem(props) {
   return (
     <>
       <Map images={images} slider={slider} />
-      <div id="datetime">
-        <DateTime images={images} slider={slider} />
-      </div>
-      <div id="slider">
-        <Slider slider={slider} playback={playback} setSlider={setSlider} />
-      </div>
+      <DateTime images={images} slider={slider} />
+      <Slider slider={slider} playback={playback} setSlider={setSlider} />
     </>
   );
 }
diff --git a/src/Slider.js b/src/Slider.js
index ee0c565..c2c68f6 100644
--- a/src/Slider.js
+++ b/src/Slider.js
@@ -20,15 +20,17 @@ function Slider(props) {
   };
 
   return (
-    <RcSlider
-      mix={0}
-      max={props.playback ? 143 : 9}
-      defaultValue={props.slider}
-      handleStyle={handleStyle}
-      railStyle={railStyle}
-      trackStyle={trackStyle}
-      onChange={val => props.setSlider(val)}
-    />
+    <div id="slider">
+      <RcSlider
+        mix={0}
+        max={props.playback ? 143 : 9}
+        defaultValue={props.slider}
+        handleStyle={handleStyle}
+        railStyle={railStyle}
+        trackStyle={trackStyle}
+        onChange={val => props.setSlider(val)}
+      />
+    </div>
   );
 }