fixed sliders for the bin and grain bag visualizers

src/bin/BinVisualizerV2.tsx

@@ -153,7 +153,8 @@ const useStyles = makeStyles((theme: Theme) => {
     sliderValLabel: {
       height: 30,
       width: 30,
-      //top: -15,
+      left: -5,
+      top: -20,
       background: "transparent"
     },
   });

src/grainBag/grainBagVisualizer.tsx

@@ -53,29 +53,6 @@ const useStyles = makeStyles((theme: Theme) => {
       position: "relative",
       width: "auto",
       marginRight: theme.spacing(1)
-    },
-    sliderRoot: {},
-    sliderThumb: {
-      left: 23
-    },
-    mobileSliderThumb: {
-      left: 28
-    },
-    sliderTrack: {
-      height: "100%",
-    },
-    sliderRail: {
-      height: "100%",
-    },
-    sliderValLabel: {
-      // left: -20,
-      height: 30,
-      width: 30,
-      top: -15,
-      background: "transparent"
-    },
-    sliderLabel: {
-      background: "gold"
     }
   });
 });
@@ -279,13 +256,6 @@ export default function GrainBagVisualizer(props: Props) {
           <Slider
             orientation="vertical"
             value={fillLevel}
-            classes={{
-              root: classes.sliderRoot,
-              rail: classes.sliderRail,
-              track: classes.sliderTrack,
-              thumb: isMobile ? classes.mobileSliderThumb : classes.sliderThumb,
-              valueLabel: classes.sliderValLabel,
-            }}
             style={{height: "100%", color: sliderColour }}
             min={0}
             max={100}