Design/ml measure tool (#207)

Author: lenaghub

public/thumbnails/MlMeasureTool.png

@@ -254,16 +254,18 @@ const CatalogueSidebar: React.FC<CatalogueSidebarProps> = ({ openSidebar, setOpe
 				<Paper
 					sx={{
 						position: 'fixed',
-						top: '110px',
-						right: '20px',
-						backgroundColor: '#f6f6f6',
-						border: '2px solid #000000',
+						bottom: '8%',
+						left: '50%',
+						borderColor: theme.palette.mode === 'dark' ? '#313131' : '#f6f6f6',
 						padding: '10px',
 						zIndex: 101,
-						elevation: 3,
 					}}
 				>
-					<Typography variant="body1" align="center">
+					<Typography
+						variant="body1"
+						align="center"
+						sx={{ color: theme.palette.mode === 'dark' ? '#ffffff' : '#000000' }}
+					>
 						{getInstructionText()}
 					</Typography>
 				</Paper>