From f6535857bca1c55bf5fb01909aa19cd691f4a612 Mon Sep 17 00:00:00 2001
From: ewsgit <ewsgit@ewsgit.uk>
Date: Thu, 14 May 2026 02:41:26 +0100
Subject: [PATCH] minor change

---
 frontend/src/routes/app/index.module.scss | 14 ++++--
 frontend/src/routes/app/index.tsx         | 55 ++++++++++++-----------
 setup.ts                                  |  0
 3 files changed, 38 insertions(+), 31 deletions(-)
 create mode 100644 setup.ts

diff --git a/frontend/src/routes/app/index.module.scss b/frontend/src/routes/app/index.module.scss
index 65c7bb5..04ccfae 100644
--- a/frontend/src/routes/app/index.module.scss
+++ b/frontend/src/routes/app/index.module.scss
@@ -1,4 +1,13 @@
 .page {
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 5rem;
+  padding-bottom: 5rem;
+  height: 100%;
+  overflow-y: auto;
+}
+
+.pageContent {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -6,11 +15,8 @@
   margin-right: auto;
   width: 100%;
   max-width: 768px;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-top: 5rem;
 }
 
 .title {
   margin-bottom: 2rem;
-}
\ No newline at end of file
+}
diff --git a/frontend/src/routes/app/index.tsx b/frontend/src/routes/app/index.tsx
index 48d53dc..b00cb4f 100644
--- a/frontend/src/routes/app/index.tsx
+++ b/frontend/src/routes/app/index.tsx
@@ -1,41 +1,42 @@
-import { Component, createEffect, Show, useContext } from "solid-js";
+import { Component, Show, useContext } from "solid-js";
 import { AppContext } from "./appContext";
 import styles from "./index.module.scss"
 import UKText from "@ewsgit/uikit-solid/src/components/text/UKText.jsx";
 import UKStack from "@ewsgit/uikit-solid/src/components/stack/UKStack.jsx";
 import UKStackItem from "@ewsgit/uikit-solid/src/components/stack/UKStackItem.jsx";
-import UKDivider from "@ewsgit/uikit-solid/src/components/divider/UKDivider.jsx";
 
 const AppIndexPage: Component = () => {
   const appContext = useContext(AppContext)
 
   return <>
     <Show fallback={<div>Not completed tutorial yet</div>} when={appContext?.store.hasCompletedTutorial}>
-    <div class={styles.page}>
-      <UKText class={styles.title} role="display" size="s">While you've been gone...</UKText>
-      <UKStack>
-        <UKStackItem labelText="Community 1" supportingText="999+ new unread messages" />
-        <UKStackItem labelText="Community 1" supportingText="You were given the role 'admin'" />
-      </UKStack>
-      <UKDivider direction="horizontal"/>
-            <UKStack>
-        <UKStackItem labelText="Community 1" supportingText="999+ new unread messages" />
-        <UKStackItem labelText="Community 1" supportingText="You were given the role 'admin'" />
-        <UKStackItem labelText="Community 1" supportingText="999+ new unread messages" />
-        <UKStackItem labelText="Community 1" supportingText="You were given the role 'admin'" />
-      </UKStack>
-      <UKDivider direction="horizontal"/>
-            <UKStack>
-        <UKStackItem labelText="Community 1" supportingText="999+ new unread messages" />
-        <UKStackItem labelText="Community 1" supportingText="You were given the role 'admin'" />
-      </UKStack>
-      <UKDivider direction="horizontal"/>
-            <UKStack>
-        <UKStackItem labelText="Community 1" supportingText="999+ new unread messages" />
-        <UKStackItem labelText="Community 1" supportingText="You were given the role 'admin'" />
-        <UKStackItem labelText="Community 1" supportingText="999+ new unread messages" />
-        <UKStackItem labelText="Community 1" supportingText="You were given the role 'admin'" />
-      </UKStack>
+      <div class={styles.page}>
+        <div class={styles.pageContent}>
+          <UKText class={styles.title} role="display" size="s">While you've been gone...</UKText>
+          <UKStack>
+            <UKStackItem labelText="Community 1" supportingText="999+ new unread messages" />
+            <UKStackItem labelText="Community 1" supportingText="You were given the role 'admin'" />
+          </UKStack>
+          <div />
+          <UKStack>
+            <UKStackItem labelText="Community 1" supportingText="999+ new unread messages" />
+            <UKStackItem labelText="Community 1" supportingText="You were given the role 'admin'" />
+            <UKStackItem labelText="Community 1" supportingText="999+ new unread messages" />
+            <UKStackItem labelText="Community 1" supportingText="You were given the role 'admin'" />
+          </UKStack>
+          <div />
+          <UKStack>
+            <UKStackItem labelText="Community 1" supportingText="999+ new unread messages" />
+            <UKStackItem labelText="Community 1" supportingText="You were given the role 'admin'" />
+          </UKStack>
+          <div />
+          <UKStack>
+            <UKStackItem labelText="Community 1" supportingText="999+ new unread messages" />
+            <UKStackItem labelText="Community 1" supportingText="You were given the role 'admin'" />
+            <UKStackItem labelText="Community 1" supportingText="999+ new unread messages" />
+            <UKStackItem labelText="Community 1" supportingText="You were given the role 'admin'" />
+          </UKStack>
+        </div>
       </div>
     </Show>
   </>
diff --git a/setup.ts b/setup.ts
new file mode 100644
index 0000000..e69de29
-- 
2.51.2