From 286d63140b807b1cb3cc33761de33ddf2915bec2 Mon Sep 17 00:00:00 2001
From: Jerry Tapia <jerryxtapia@gmail.com>
Date: Fri, 1 Jul 2022 14:40:58 -0700
Subject: [PATCH] gil didnt approve my my drop down text

---
 src/components/HomePage/HomeGraphs/AreaGraph.js  | 6 +++---
 src/components/HomePage/HomeGraphs/BarGraph.js   | 5 ++---
 src/components/HomePage/HomeGraphs/DonutGraph.js | 5 ++---
 src/components/HomePage/HomeGraphs/LineGraph.js  | 7 +++----
 src/components/HomePage/HomeGraphs/PieGraph.js   | 5 ++---
 5 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/src/components/HomePage/HomeGraphs/AreaGraph.js b/src/components/HomePage/HomeGraphs/AreaGraph.js
index 71d776a..4eb46c6 100644
--- 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
index 9346764..7d965a8 100644
--- 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
index bbf2970..664635f 100644
--- 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
index bc9613d..62adc39 100644
--- 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
index 0252297..0ea31dc 100644
--- 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>