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 ( + ); 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 ( {isTouchscreenDevice && ( -
+
Discover