From 8abd0178c5390c41abd6c6982dbbf2235a20b3f6 Mon Sep 17 00:00:00 2001
From: mheggelund <maohe@equinor.com>
Date: Wed, 20 Sep 2023 15:16:17 +0200
Subject: [PATCH] style: fixed height for footer

---
 src/components/Table.styled.ts | 1 -
 src/index.css                  | 9 +++++++--
 src/router.tsx                 | 3 ++-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/Table.styled.ts b/src/components/Table.styled.ts
index 919467d1..3bf24e8b 100644
--- a/src/components/Table.styled.ts
+++ b/src/components/Table.styled.ts
@@ -8,7 +8,6 @@ export const StyledDiv = styled.div`
   > .table-wrapper {
     > table {
       width: auto !important;
-      margin: 0px !important;
     }
 
     > div {
diff --git a/src/index.css b/src/index.css
index 01c63cb9..556f292f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -13,6 +13,11 @@ body {
   box-sizing: inherit;
 }
 
+#root {
+  height: 100vh;
+}
+
 code {
-  font-family: 'Equinor Mono', source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
-}
\ No newline at end of file
+  font-family: 'Equinor Mono', source-code-pro, Menlo, Monaco, Consolas,
+    'Courier New', monospace;
+}
diff --git a/src/router.tsx b/src/router.tsx
index b6681935..fd0da893 100644
--- a/src/router.tsx
+++ b/src/router.tsx
@@ -1,6 +1,7 @@
 import { createBrowserRouter, NonIndexRouteObject } from 'react-router-dom'
 import { App } from './App'
 import { ModelView } from './features/ModelView/ModelView'
+import { Api } from './pages/Api/Api'
 import { Browse } from './pages/Browse/Browse'
 import { Compute } from './pages/ModelPages/Compute/Compute'
 import { Model } from './pages/ModelPages/Model/Model'
@@ -18,7 +19,7 @@ const tabs: Tab[] = [
     path: 'models',
     element: <Browse />,
   },
-  { title: 'API', path: 'api', element: <NotImplemented /> },
+  { title: 'API', path: 'api', element: <Api /> },
   { title: 'About', path: 'about', element: <NotImplemented /> },
 ]
 const appRoutes = (tabs as NonIndexRouteObject[]).concat([