changed position and color of button

EthanGrants · Jan 21, 2024 · 175dca1 · 175dca1
1 parent deb0a5d
commit 175dca1
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 21 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@chakra-ui/react": "^2.8.2",
     "@react-google-maps/api": "^2.19.2",
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
@@ -11,6 +12,7 @@
     "moment": "^2.30.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-icons": "^5.0.1",
     "react-router-dom": "^6.21.3",
     "react-scripts": "5.0.1",
     "semantic-ui-css": "^2.5.0",

diff --git a/src/Maps.js b/src/Maps.js
@@ -72,7 +72,7 @@ import {
         position='relative'
         flexDirection='row'
         justifyContent='center'
-        alignItems='center'
+        alignItems='start'
         h='80vh'
         w='100vw'
       >
@@ -122,8 +122,8 @@ import {
             </Box>
 
             <ButtonGroup>
-              <Button colorScheme='pink' type='submit' onClick={calculateRoute}>
-                Calculate Route
+              <Button colorScheme='purple' type='submit' onClick={calculateRoute}>
+                Calculate Route 
               </Button>
               <IconButton
                 aria-label='center back'