featurn: time duration layout done.

src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue

@@ -1,10 +1,15 @@
 <template>
 <div class="mt-2">
   <p class="h2">Time Range</p>
-  <div>
+  <div class=" text-sm leading-normal">
     <p>min: {{ timeData.min }}</p>
     <p>max: {{ timeData.max }}</p>
-    <Durationjs></Durationjs>
+    <div class="flex justify-between items-center">
+      <Durationjs></Durationjs>
+      <span>~</span>
+      <Durationjs></Durationjs>
+    </div>
+    <!-- <Durationjs></Durationjs> -->
 
   </div>
 </div>