diff --git a/src/Dashboard.tsx b/src/Dashboard.tsx index 2354645..1e5cecf 100644 --- a/src/Dashboard.tsx +++ b/src/Dashboard.tsx @@ -109,31 +109,41 @@ export default function Dashboard() { display: "flex", flexDirection: { xs: "column", sm: "row" }, gap: 2, - alignItems: { xs: "stretch", sm: "center" }, + alignItems: { xs: "stretch", sm: "flex-end" }, borderRadius: 4, mb: -2 // pull up to be closer to the dashboard container below }} elevation={0} variant="outlined" > - setPayeeInput(val as string[])} - renderInput={(params) => } - sx={{ minWidth: { sm: 250 }, flex: 1 }} - /> - setTagsInput(val as string[])} - renderInput={(params) => } - sx={{ minWidth: { sm: 250 }, flex: 1 }} - /> + + + Filter by Payee + + setPayeeInput(val as string[])} + renderInput={(params) => } + sx={{ '& .MuiOutlinedInput-root': { height: 'auto', minHeight: '2.5rem', py: 0.5 } }} + /> + + + + Filter by Tags + + setTagsInput(val as string[])} + renderInput={(params) => } + sx={{ '& .MuiOutlinedInput-root': { height: 'auto', minHeight: '2.5rem', py: 0.5 } }} + /> +