From e8140640016e6fa01c5f48bffea831628b03bbda Mon Sep 17 00:00:00 2001
From: trashtemp <96388163+trashtemp@users.noreply.github.com>
Date: Tue, 28 Dec 2021 17:06:04 +0100
Subject: [PATCH] fix(developer): fixed height issue in dev tab

---
 src/components/navigation/items/ButtonItem.tsx    | 3 ++-
 src/components/navigation/right/MemberSidebar.tsx | 5 +++--
 src/pages/developer/Developer.tsx                 | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/navigation/items/ButtonItem.tsx b/src/components/navigation/items/ButtonItem.tsx
index 58fe2745..d0bef93d 100644
--- a/src/components/navigation/items/ButtonItem.tsx
+++ b/src/components/navigation/items/ButtonItem.tsx
@@ -1,4 +1,5 @@
-import { X, Crown } from "@styled-icons/boxicons-regular";
+import { X } from "@styled-icons/boxicons-regular";
+import { Crown } from "@styled-icons/boxicons-solid";
 import { observer } from "mobx-react-lite";
 import { Presence } from "revolt-api/types/Users";
 import { Channel } from "revolt.js/dist/maps/Channels";
diff --git a/src/components/navigation/right/MemberSidebar.tsx b/src/components/navigation/right/MemberSidebar.tsx
index 64c09219..167d228c 100644
--- a/src/components/navigation/right/MemberSidebar.tsx
+++ b/src/components/navigation/right/MemberSidebar.tsx
@@ -22,11 +22,11 @@ import { GenericSidebarBase } from "../SidebarBase";
 import MemberList, { MemberListGroup } from "./MemberList";
 
 export const Container = styled.div`
-    margin-top: 48px;
+    padding-top: 48px;
 
     ${isTouchscreenDevice &&
     css`
-        margin-top: 0;
+        padding-top: 0;
     `}
 `;
 
@@ -172,6 +172,7 @@ export const GroupMemberSidebar = observer(
                 <Container>
                     {isTouchscreenDevice && <div>Group settings go here</div>}
                 </Container>
+
                 <MemberList entries={entries} context={channel} />
             </GenericSidebarBase>
         );
diff --git a/src/pages/developer/Developer.tsx b/src/pages/developer/Developer.tsx
index d64cf5f6..f45cab52 100644
--- a/src/pages/developer/Developer.tsx
+++ b/src/pages/developer/Developer.tsx
@@ -29,7 +29,7 @@ export default function Developer() {
     return (
         <div>
             <PageHeader icon={<Wrench size="24" />}>Developer Tab</PageHeader>
-            <div style={{ padding: "16px" }}>
+            <div style={{ padding: "16px", paddingTop: "56px" }}>
                 <PaintCounter always />
             </div>
             <div style={{ padding: "16px" }}>