map pop up styling

hkam0006 · Sep 11, 2024 · 5af47a3 · 5af47a3
1 parent f30db53
commit 5af47a3
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/frontend/src/manager-components/inspection_run/DrivingInstructionsBox.jsx b/frontend/src/manager-components/inspection_run/DrivingInstructionsBox.jsx
@@ -4,7 +4,10 @@ import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 
 const DrivingInstructionsBox = ({ itinerary }) => {
   return (
-    <Accordion defaultExpanded>
+    <Accordion defaultExpanded
+    sx={{
+      width: "30%"
+    }}>
       <AccordionSummary
         expandIcon={<ExpandMoreIcon />}
         aria-controls="panel1a-content"

diff --git a/frontend/src/manager-components/inspection_run/InspectionRun.jsx b/frontend/src/manager-components/inspection_run/InspectionRun.jsx
@@ -294,6 +294,8 @@ const InspectionRun = () => {
               p: 4,
             }}
           >
+            <div style={{display:"flex", gap:"20px"}}>
+            <div>
             <div>
               <Typography variant="subtitle1">Select Origin:</Typography>
               <select
@@ -359,11 +361,13 @@ const InspectionRun = () => {
             >
               Show Route on Map
             </Button>
+            </div>
             <MapComponent
               origin={mapData.origin}
               destination={mapData.destination}
               waypoints={mapData.waypoints}
             />
+            </div>
           </Box>
         </Modal>
       </NavigationMenu>

diff --git a/frontend/src/manager-components/inspection_run/MapNav.jsx b/frontend/src/manager-components/inspection_run/MapNav.jsx
@@ -130,6 +130,7 @@ const MapComponent = ({ origin, destination, waypoints }) => {
     <div
       style={{
         display: "flex",
+        flexGrow: 1,
         justifyContent: "center",
         alignItems: "flex-start",
         flexDirection: "row",
@@ -139,7 +140,7 @@ const MapComponent = ({ origin, destination, waypoints }) => {
       <div
         id="map"
         style={{
-          width: "60%",
+          width: "70%",
           height: "400px",
           border: "5px solid #4CAF50",
           borderRadius: "10px",