Bug Fix on Hookstate and Save Serie Hovering Bug

Author: DennisLpz

src/app/components/BarGraph.tsx

@@ -123,9 +123,9 @@ const BarGraph = (props) => {
     classname[i].addEventListener('click', animateButton, false);
   }
   return (
-    <div>
+    <div className='bargraph-position'>
       <button
-        className="save-series-button"
+        className='save-series-button'
         onClick={(e) => {
           dispatch(save(toStorage));
         }}
@@ -149,7 +149,7 @@ const BarGraph = (props) => {
           yScale={renderingScale}
           width={xMax}
           height={yMax}
-          stroke="black"
+          stroke='black'
           strokeOpacity={0.1}
           xOffset={snapshotIdScale.bandwidth() / 2}
         />
@@ -235,15 +235,15 @@ const BarGraph = (props) => {
         />
         <Text
           x={-xMax / 2}
-          y="15"
-          transform="rotate(-90)"
+          y='15'
+          transform='rotate(-90)'
           fontSize={12}
-          fill="#FFFFFF"
+          fill='#FFFFFF'
         >
           Rendering Time (ms)
         </Text>
         <br />
-        <Text x={xMax / 2 + 15} y={yMax + 70} fontSize={12} fill="#FFFFFF">
+        <Text x={xMax / 2 + 15} y={yMax + 70} fontSize={12} fill='#FFFFFF'>
           Snapshot ID
         </Text>
       </svg>

src/app/components/StateRoute.tsx

@@ -159,7 +159,7 @@ const StateRoute = (props: StateRouteProps) => {
           formatted={(val) => ((val / 100) * 1000).toFixed(2) + ' ms'}
           label='FCP'
           name='First Contentful Paint'
-          description='How long it takes browser to render first piece of DOM content.'
+          description='Measures the time it takes the browser to render the first piece of DOM content. No benchmark.'
         />
         <WebMetrics
           color={TTFBColor}

src/app/styles/layout/_stateContainer.scss

@@ -190,7 +190,6 @@
   grid-template-columns: auto auto;
   align-items: center;
   justify-content: center;
-  margin-top: 25%;
 }
 
 //container for metrics
@@ -209,3 +208,7 @@
   background-color: #51565e;
   border-radius: 5px;
 }
+
+.bargraph-position {
+  position: relative;
+}