Merge pull request #69 from Chicago-Deep-Dish/uitestbranch

gil didnt approve my my drop down text
Chicago-Deep-Dish · Jul 1, 2022 · 2627bd4 · 2627bd4
2 parents 12d34ce + 286d631
commit 2627bd4
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 16 deletions.
diff --git a/src/components/HomePage/HomeGraphs/AreaGraph.js b/src/components/HomePage/HomeGraphs/AreaGraph.js
@@ -436,11 +436,11 @@ return (
       <ReactEcharts option={option} />
     </Box>
     <Container sx={{backgroundColor: '#1A2027', width: '500px', padding: 1}}>
-        <div style={{display: 'flex', justifyContent: 'center'}}>
-        <IconButton sx={{right: '30%'}} onClick={() => setToggleGraphMenu(!toggleGraphMenu)}>
+        <div style={{display: 'flex', justifyContent: 'flex-start'}}>
+        <IconButton sx={{right: 0}} onClick={() => setToggleGraphMenu(!toggleGraphMenu)}>
         {toggleGraphMenu ? (<ArrowDropUp/>) : (<ArrowDropDown />)}
         </IconButton>
-        <Typography style={{marginRight: '1%'}}>Hide Graph Menu</Typography>
+
         </div>
       </Container>
     <Collapse in={toggleGraphMenu}>

diff --git a/src/components/HomePage/HomeGraphs/BarGraph.js b/src/components/HomePage/HomeGraphs/BarGraph.js
@@ -162,11 +162,10 @@ export default function Bar() {
         <ReactEcharts option={option} />
       </Box>
       <Container sx={{backgroundColor: '#1A2027', width: '500px', padding: 1}}>
-      <div style={{display: 'flex', justifyContent: 'center'}}>
-         <IconButton sx={{right: '30%'}} onClick={() => setToggleGraphMenu(!toggleGraphMenu)}>
+      <div style={{display: 'flex', justifyContent: 'flex-start'}}>
+         <IconButton onClick={() => setToggleGraphMenu(!toggleGraphMenu)}>
         {toggleGraphMenu ? (<ArrowDropUp/>) : (<ArrowDropDown />)}
         </IconButton>
-        <Typography style={{marginRight: '1%'}}>Hide Graph Menu</Typography>
      </div>
       </Container>
       <Collapse in={toggleGraphMenu}>

diff --git a/src/components/HomePage/HomeGraphs/DonutGraph.js b/src/components/HomePage/HomeGraphs/DonutGraph.js
@@ -287,11 +287,10 @@ return (
    <ReactEcharts option={option} />
  </Box>
  <Container sx={{backgroundColor: '#1A2027', width: '500px', padding: 1}}>
-     <div style={{display: 'flex', justifyContent: 'center'}}>
-     <IconButton sx={{right: '30%'}} onClick={() => setToggleGraphMenu(!toggleGraphMenu)}>
+    <div style={{display: 'flex', justifyContent: 'flex-start'}}>
+     <IconButton onClick={() => setToggleGraphMenu(!toggleGraphMenu)}>
      {toggleGraphMenu ? (<ArrowDropUp/>) : (<ArrowDropDown />)}
      </IconButton>
-     <Typography style={{marginRight: '1%'}}>Hide Graph Menu</Typography>
      </div>
    </Container>
  <Collapse in={toggleGraphMenu}>

diff --git a/src/components/HomePage/HomeGraphs/LineGraph.js b/src/components/HomePage/HomeGraphs/LineGraph.js
@@ -289,12 +289,11 @@ if (graph === 'totalTime' && selection === 'difficulty') {
         <ReactEcharts option={option} />
       </Box>
       <Container sx={{backgroundColor: '#1A2027', width: '500px', padding: 1}}>
-        <div style={{display: 'flex', justifyContent: 'center'}}>
-          <IconButton  sx={{right: '30%'}} onClick={() => setToggleGraphMenu(!toggleGraphMenu)}>
+         <div style={{display: 'flex', justifyContent: 'flex-start'}}>
+          <IconButton onClick={() => setToggleGraphMenu(!toggleGraphMenu)}>
             {toggleGraphMenu ? (<ArrowDropUp/>) : (<ArrowDropDown />)}
            </IconButton>
-       <Typography style={{marginRight: '1%'}}>Hide Graph Menu</Typography>
-      </div>
+        </div>
       </Container>
       <Collapse in={toggleGraphMenu}>
       <MenuBar

diff --git a/src/components/HomePage/HomeGraphs/PieGraph.js b/src/components/HomePage/HomeGraphs/PieGraph.js
@@ -281,11 +281,10 @@ return (
       <ReactEcharts option={option} />
     </Box>
       <Container sx={{backgroundColor: '#1A2027', width: '500px', padding: 1}}>
-        <div style={{display: 'flex', justifyContent: 'center'}}>
-        <IconButton sx={{right: '30%'}} onClick={() => setToggleGraphMenu(!toggleGraphMenu)}>
+        <div style={{display: 'flex', justifyContent: 'flex-start'}}>
+        <IconButton onClick={() => setToggleGraphMenu(!toggleGraphMenu)}>
         {toggleGraphMenu ? (<ArrowDropUp/>) : (<ArrowDropDown />)}
         </IconButton>
-        <Typography style={{marginRight: '1%'}}>Hide Graph Menu</Typography>
         </div>
 
       </Container>