From 91dfb63fbdcf71f2cab7cc626db78421c3c2b0c3 Mon Sep 17 00:00:00 2001
From: Gwilym Inzani <email@gwilym.dev>
Date: Wed, 5 Jul 2023 12:04:27 +0100
Subject: [PATCH] Properly fullscreen

---
 website/src/App.tsx         | 9 +++++++--
 website/src/globalStyles.ts | 8 ++++++++
 website/src/index.tsx       | 2 ++
 3 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 website/src/globalStyles.ts

diff --git a/website/src/App.tsx b/website/src/App.tsx
index 2961869d..25108a7b 100644
--- a/website/src/App.tsx
+++ b/website/src/App.tsx
@@ -21,6 +21,11 @@ const ActionButton = styled.button`
   margin-top: 20px;
 `;
 
+const AppContainer = styled.main`
+  height: calc(100vh - 20px);
+  padding: 10px;
+`;
+
 function App() {
   const [{ volume, bindings }, setState] = useLocalStorage(
     { volume: 1.0, bindings: DefaultBindingsSet() },
@@ -43,7 +48,7 @@ function App() {
   });
 
   return (
-    <div>
+    <AppContainer>
       {showBindings && (
         <BindingsWindow
           bindings={bindings}
@@ -62,7 +67,7 @@ function App() {
         controls={bindings.Actual}
         paused={paused}
       />
-    </div>
+    </AppContainer>
   );
 }
 
diff --git a/website/src/globalStyles.ts b/website/src/globalStyles.ts
new file mode 100644
index 00000000..2b1952b6
--- /dev/null
+++ b/website/src/globalStyles.ts
@@ -0,0 +1,8 @@
+import { createGlobalStyle } from "styled-components";
+
+export const GlobalStyle = createGlobalStyle`
+  body {
+    margin: 0;
+    padding: 0;
+  }
+`;
diff --git a/website/src/index.tsx b/website/src/index.tsx
index 3fe092e7..c9ac7eb2 100644
--- a/website/src/index.tsx
+++ b/website/src/index.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
+import { GlobalStyle } from "./globalStyles";
 
 const root = ReactDOM.createRoot(
   document.getElementById("root") as HTMLElement
@@ -8,6 +9,7 @@ const root = ReactDOM.createRoot(
 
 root.render(
   <React.StrictMode>
+    <GlobalStyle />
     <App />
   </React.StrictMode>
 );