From a77b6ad6950a3bcf0e0c5a56e1881432037fa498 Mon Sep 17 00:00:00 2001
From: Michael Hunteman <michael@huntm.net>
Date: Fri, 16 Feb 2024 13:50:22 -0600
Subject: Don't use contain buttons

---
 src/App.tsx               | 4 +---
 src/components/NavBar.tsx | 6 +++---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index deb7dec..6a68795 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,5 @@
 import { createContext, useState, useMemo } from 'react';
-import { Outlet, Route, Routes } from 'react-router-dom';
-import useMediaQuery from '@mui/material/useMediaQuery';
-import { createTheme, ThemeProvider } from '@mui/material/styles';
+import { Outlet } from 'react-router-dom';
 import CssBaseline from '@mui/material/CssBaseline';
 
 import NavBar from './components/NavBar';
diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index c8cb136..a4b46c8 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -35,13 +35,13 @@ function NavBar({ mode }) {
           >
           Madison and Michael's Wedding
         </Typography>
-        <Stack spacing={2} direction="row" sx={{ marginLeft: 'auto' }}>
+        <Stack direction="row" sx={{ marginLeft: 'auto' }}>
           {pages.map((page) => (
-            <Button component={Link} to={page.to} key={page.name} variant="contained">
+            <Button color="inherit" component={Link} to={page.to} key={page.name}>
               {page.name}
             </Button>
           ))}
-          <IconButton variant="contained" color="inherit" onClick={switchColorMode}>
+          <IconButton color="inherit" onClick={switchColorMode}>
             {theme.palette.mode === 'dark' ? <DarkModeIcon /> : <LightModeIcon />}
           </IconButton>
         </Stack>
-- 
cgit v1.2.3