From 79550cb2adff8ae65fd4071019fc9527ef19cf52 Mon Sep 17 00:00:00 2001
From: trashtemp <96388163+trashtemp@users.noreply.github.com>
Date: Sat, 15 Jan 2022 12:36:50 +0100
Subject: [PATCH] fix(sidebar): changed server sidebar width

---
 src/components/markdown/Markdown.module.scss         |  1 -
 src/components/navigation/left/ServerListSidebar.tsx | 11 ++++++-----
 src/pages/discover/Discover.tsx                      |  9 ++++++++-
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/components/markdown/Markdown.module.scss b/src/components/markdown/Markdown.module.scss
index 7554a0c1..a227d762 100644
--- a/src/components/markdown/Markdown.module.scss
+++ b/src/components/markdown/Markdown.module.scss
@@ -97,7 +97,6 @@
     code {
         color: white;
         font-size: 90%;
-        padding-inline-end: 1em;
         background: var(--block);
         border-radius: var(--border-radius);
         font-family: var(--monospace-font), monospace;
diff --git a/src/components/navigation/left/ServerListSidebar.tsx b/src/components/navigation/left/ServerListSidebar.tsx
index fb0039b5..7acbe3a9 100644
--- a/src/components/navigation/left/ServerListSidebar.tsx
+++ b/src/components/navigation/left/ServerListSidebar.tsx
@@ -75,7 +75,7 @@ function Icon({
 }
 
 const ServersBase = styled.div`
-    width: 56px;
+    width: 58px;
     height: 100%;
     padding-inline-start: 2px;
 
@@ -212,22 +212,23 @@ function Swoosh() {
     return (
         <span>
             <svg
-                width="54"
+                width="56"
                 height="106"
-                viewBox="0 0 54 106"
+                viewBox="0 0 56 106"
                 xmlns="http://www.w3.org/2000/svg">
                 <path
                     d="M54 53C54 67.9117 41.9117 80 27 80C12.0883 80 0 67.9117 0 53C0 38.0883 12.0883 26 27 26C41.9117 26 54 38.0883 54 53Z"
                     fill={fill}
                 />
                 <path
-                    d="M27 80C4.5 80 54 53 54 53L54.0001 106C54.0001 106 49.5 80 27 80Z"
+                    d="M27.0002 80C4.50023 80 56.0002 53 56.0002 53V106C56.0002 106 49.5002 80 27.0002 80Z"
                     fill={fill}
                 />
                 <path
-                    d="M27 26C4.5 26 54 53 54 53L53.9999 0C53.9999 0 49.5 26 27 26Z"
+                    d="M27.0003 26C4.50025 26 56 53 56 53L56.0003 0C56.0003 0 49.5003 26 27.0003 26Z"
                     fill={fill}
                 />
+                <rect x="51" y="50" width="5" height="7" fill={fill} />
             </svg>
         </span>
     );
diff --git a/src/pages/discover/Discover.tsx b/src/pages/discover/Discover.tsx
index ffae9877..d596ea72 100644
--- a/src/pages/discover/Discover.tsx
+++ b/src/pages/discover/Discover.tsx
@@ -28,6 +28,7 @@ const Container = styled.div`
                   width: 100%;
                   height: 100%;
                   position: fixed;
+
                   padding-bottom: 50px;
                   background: var(--background);
               `
@@ -47,6 +48,12 @@ const Frame = styled.iframe<{ loaded: boolean }>`
             border-end-start-radius: 8px;
         `}
 
+    ${() =>
+        isTouchscreenDevice &&
+        css`
+            padding-top: 56px;
+        `}
+
     ${(props) =>
         props.loaded
             ? css`
@@ -157,7 +164,7 @@ export default function Discover() {
     return (
         <Container>
             {isTouchscreenDevice && (
-                <Header placement="primary">
+                <Header placement="primary" transparent>
                     <Compass size={27} />
                     Discover
                 </Header>