improved page spacing

Author: zefir-git

src/components/AppRoot.ts

@@ -91,14 +91,16 @@ export class AppRoot extends Component {
           .links="${this.site.links.header}"
           .home="${this.home}"
         ></app-header>
-        <main
-          class="flex-1 ring-white/5 ring-inset sm:rounded-2xl sm:bg-neutral-900 sm:ring-1"
-        >
-          ${new StatusOverview(this.site.mainStatus, this.services)}
-          <div class="p-6 pt-0! md:p-8">
-            ${this.page}
-          </div>
-        </main>
+        <div class="flex-1">
+          <main
+            class="ring-white/5 ring-inset sm:rounded-2xl sm:bg-neutral-900 sm:ring-1"
+          >
+            ${new StatusOverview(this.site.mainStatus, this.services)}
+            <div class="p-6 pt-0! md:p-8">
+              ${this.page}
+            </div>
+          </main>
+        </div>
         <app-footer></app-footer>
       </div>
     `;

src/main.ts

@@ -6,5 +6,8 @@ import { InstatusApi } from "./api/InstatusApi";
 document.title = CONFIG.NAME;
 
 const api = new InstatusApi(CONFIG.ID);
+const root = new AppRoot(api);
 
-document.body.append(new AppRoot(api));
+root.classList.add("flex", "flex-col", "flex-1");
+
+document.body.append(root);