From b48a273916da6c65daccd726d0da576f663f4eb5 Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Mon, 30 Mar 2026 02:43:06 +0100
Subject: [PATCH] Match sidebar margin and gap to grid on home page

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 vue/src/views/home/Home.vue | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/vue/src/views/home/Home.vue b/vue/src/views/home/Home.vue
index 18db33a..2a0a9e3 100644
--- a/vue/src/views/home/Home.vue
+++ b/vue/src/views/home/Home.vue
@@ -133,14 +133,13 @@ import Steam from "./Steam.vue";
 }
 
 .sidebar {
-    margin-top: 1.7rem;
-    margin-bottom: 1.2rem;
+    margin: 0;
     flex: 1;
     display: flex;
     flex-direction: column;
     width: 15rem;
     min-height: 0;
-    gap: 0.5rem;
+    gap: 5px;
 }
 
 .outerWrap {
@@ -179,9 +178,7 @@ import Steam from "./Steam.vue";
     }
 
     .sidebar {
-        margin-top: 0px;
-        margin-bottom: 0px;
-        width: 100%;
+        width: 95vw;
         flex-direction: column;
         justify-content: space-around;
     }
@@ -191,6 +188,8 @@ import Steam from "./Steam.vue";
     .chat-sidebar {
         min-width: 250px;
         min-height: 250px;
+        max-width: 400px;
+        max-height: 400px;
         height: 15vh;
     }