From 27a30d08a696e10ee1690fa129d98b2ff356a378 Mon Sep 17 00:00:00 2001
From: Temmie <git@beaver.mom>
Date: Wed, 13 Aug 2025 20:56:00 +0200
Subject: [PATCH] refactor: move resizableSidebar padding into children

---
 components/Guild/GuildSidebar.vue             | 31 ++++++++++---------
 components/Guild/MemberList.vue               |  3 ++
 components/UserInterface/ResizableSidebar.vue |  3 +-
 3 files changed, 21 insertions(+), 16 deletions(-)

diff --git a/components/Guild/GuildSidebar.vue b/components/Guild/GuildSidebar.vue
index 4d361e4..0d44f69 100644
--- a/components/Guild/GuildSidebar.vue
+++ b/components/Guild/GuildSidebar.vue
@@ -48,20 +48,6 @@ function toggleGuildSettings(e: Event) {
 </script>
 
 <style scoped>
-#channels-list {
-	background: var(--optional-channel-list-background);
-	background-color: var(--sidebar-background-color);
-
-	display: flex;
-	flex-direction: column;
-	gap: .5em;
-	text-overflow: ellipsis;
-	
-	padding-top: .5em;
-	padding-bottom: .5em;
-	max-height: calc(100% - 1em); /* 100% - top and bottom padding */
-}
-
 #guild-top-container {
 	min-height: var(--navbar-height);
 	max-height: var(--navbar-height);
@@ -87,4 +73,21 @@ function toggleGuildSettings(e: Event) {
 	border: none;
 	padding: 0%;
 }
+
+#channels-list {
+	background: var(--optional-channel-list-background);
+	background-color: var(--sidebar-background-color);
+
+	display: flex;
+	flex-direction: column;
+	gap: .5em;
+	text-overflow: ellipsis;
+	
+	padding-top: .5em;
+	padding-bottom: .5em;
+	max-height: calc(100% - 1em); /* 100% - top and bottom padding */
+
+	padding-left: .5em;
+	padding-right: .5em;
+}
 </style>
diff --git a/components/Guild/MemberList.vue b/components/Guild/MemberList.vue
index 1f55244..9b4fa19 100644
--- a/components/Guild/MemberList.vue
+++ b/components/Guild/MemberList.vue
@@ -40,5 +40,8 @@ const members = await fetchMembers(props.guild.uuid)
 	flex-direction: column;
 	overflow-x: hidden;
 	overflow-y: scroll;
+
+	padding-left: .5em;
+	padding-right: .5em;
 }
 </style>
\ No newline at end of file
diff --git a/components/UserInterface/ResizableSidebar.vue b/components/UserInterface/ResizableSidebar.vue
index 79e95bd..2ea411b 100644
--- a/components/UserInterface/ResizableSidebar.vue
+++ b/components/UserInterface/ResizableSidebar.vue
@@ -135,8 +135,7 @@ function loadStoredWidth() {
 
 .sidebar-content {
 	width: 100%;
-	padding-left: .25em;
-	padding-right: .25em;
+	height: 100%;
 }
 
 .sidebar-content > :first-child {