From b2c922e3f880b76e7d7a02142f47d8b397b0f1b7 Mon Sep 17 00:00:00 2001
From: aleclevy <aleclevy3@gmail.com>
Date: Fri, 25 Oct 2024 12:46:03 -0700
Subject: [PATCH] Made site more mobile friendly and fixed test

---
 frontend/src/__tests__/Profile.test.jsx                | 5 +++--
 frontend/src/pages/dashboard/Dashboard.jsx             | 6 ++++--
 frontend/src/pages/dashboard/components/CellSelect.jsx | 2 +-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/__tests__/Profile.test.jsx b/frontend/src/__tests__/Profile.test.jsx
index da9c340e..e1196051 100644
--- a/frontend/src/__tests__/Profile.test.jsx
+++ b/frontend/src/__tests__/Profile.test.jsx
@@ -1,8 +1,9 @@
-import { render, screen, waitFor } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+// import { waitFor } from '@testing-library/react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import CellsList from '../pages/profile/components/CellsList';
 import AccountInfo from '../pages/profile/components/AccountInfo';
-import { useUserCells } from '../services/cell';
+// import { useUserCells } from '../services/cell';
 import { describe, it, expect, vi, afterEach } from 'vitest';
 import { useOutletContext } from 'react-router-dom';
 
diff --git a/frontend/src/pages/dashboard/Dashboard.jsx b/frontend/src/pages/dashboard/Dashboard.jsx
index 9eb3c5f4..8f309cd1 100644
--- a/frontend/src/pages/dashboard/Dashboard.jsx
+++ b/frontend/src/pages/dashboard/Dashboard.jsx
@@ -54,9 +54,11 @@ function Dashboard() {
           justifyContent='spaced-evently'
           sx={{ height: '100vh', boxSizing: 'border-box' }}
         >
-          <Stack direction='row' alignItems='center' justifyContent='space-evenly' sx={{ p: 2 }} flex>
+          <Stack direction='row' alignItems='center' justifyContent={'space-evenly'} sx={{ p: 2 }} spacing={3}>
             <BackBtn />
-            <CellSelect selectedCells={selectedCells} setSelectedCells={setSelectedCells} />
+            <Box sx={{ flexGrow: 1, maxWidth: '30%' }}>
+              <CellSelect selectedCells={selectedCells} setSelectedCells={setSelectedCells} />
+            </Box>
             <Box display='flex' justifyContent='center' alignItems='center'>
               <DateRangeSel
                 startDate={startDate}
diff --git a/frontend/src/pages/dashboard/components/CellSelect.jsx b/frontend/src/pages/dashboard/components/CellSelect.jsx
index 61cdbbcf..e55450d3 100644
--- a/frontend/src/pages/dashboard/components/CellSelect.jsx
+++ b/frontend/src/pages/dashboard/components/CellSelect.jsx
@@ -13,7 +13,7 @@ function CellSelect({ selectedCells, setSelectedCells }) {
     return <span>Error: {cells.error.message}</span>;
   }
   return (
-    <FormControl sx={{ width: 1 / 4 }}>
+    <FormControl sx={{ width: 1 }}>
       <InputLabel id='cell-select'>Cell</InputLabel>
       <Select
         labelId='cell-select-label'