improve styling

1 files changed, 5 insertions, 1 deletions

diff --git a/client/src/App.js b/client/src/App.js
index a83b628..7d84cb0 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -93,13 +93,17 @@ function App() {
                 </Menu.Item>
               </Menu>
       </div>
-
+      <div style={{ backgroundColor: 'var(--color-fill-2)', minHeight: '80vh', display: 'flex', flexDirection: 'column' }}>
       <Routes>
         <Route path="/" element={<Navigate to="/market-data" replace />} />
         <Route path="/market-data" element={<MarketDataPage />} />
         <Route path="/submit-bid" element={<SubmitBidPage />} />
         <Route path="/bids" element={<BidsPage />} />
       </Routes>
+      </div>
+      <footer style={{ flexShrink: 0, marginTop: 20, textAlign: 'center', fontSize: 14, color: 'var(--color-text-3)', paddingBottom: 20 }}>
+                © {new Date().getFullYear()} PolyEnergy. All rights reserved.
+              </footer>
     </div>
     </MarketContext.Provider>
   );