From 31129fab2cb500b52df6f5cd36804770083408f2 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Mon, 27 Nov 2023 22:57:48 +0200
Subject: [PATCH] increase right column paddings

---
 packages/app/src/Pages/Layout/AccountHeader.tsx | 2 +-
 packages/app/src/Pages/Layout/RightColumn.tsx   | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/app/src/Pages/Layout/AccountHeader.tsx b/packages/app/src/Pages/Layout/AccountHeader.tsx
index 46f1ae88..fb1a5fbb 100644
--- a/packages/app/src/Pages/Layout/AccountHeader.tsx
+++ b/packages/app/src/Pages/Layout/AccountHeader.tsx
@@ -114,7 +114,7 @@ export function HasNotificationsMarker() {
   if (hasNotifications) {
     return (
       <div className="relative">
-        <span className="has-unread absolute top-0 right-0 rounded-full "></span>
+        <span className="has-unread absolute top-0 right-0 rounded-full"></span>
       </div>
     );
   }
diff --git a/packages/app/src/Pages/Layout/RightColumn.tsx b/packages/app/src/Pages/Layout/RightColumn.tsx
index 721a0b8f..ab577b04 100644
--- a/packages/app/src/Pages/Layout/RightColumn.tsx
+++ b/packages/app/src/Pages/Layout/RightColumn.tsx
@@ -10,26 +10,26 @@ export default function RightColumn() {
   const show = !hideRightColumnPaths.some(path => location.pathname.startsWith(path));
   return (
     <div
-      className={classNames("flex-col hidden lg:w-1/3 sticky top-0 h-screen p-2 border-l border-neutral-900", {
+      className={classNames("flex-col hidden lg:w-1/3 sticky top-0 h-screen py-3 px-4 border-l border-neutral-900", {
         "lg:flex": show,
       })}>
       <div>
         <SearchBox />
       </div>
       <div className="overflow-y-auto hide-scrollbar">
-        <div className="bg-superdark rounded-lg p-2 mt-8">
+        <div className="bg-superdark rounded-lg py-3 px-4 mt-8">
           <div className="font-bold text-lg">
             <FormattedMessage defaultMessage="Trending hashtags" id="CbM2hK" />
           </div>
           <TrendingHashtags short={true} count={5} />
         </div>
-        <div className="bg-superdark rounded-lg p-2 mt-8">
+        <div className="bg-superdark rounded-lg py-3 px-4 mt-8">
           <div className="font-bold text-lg">
             <FormattedMessage defaultMessage="Trending notes" id="6k7xfM" />
           </div>
           <TrendingNotes small={true} count={5} />
         </div>
-        <div className="bg-superdark rounded-lg p-2 mt-8">
+        <div className="bg-superdark rounded-lg py-3 px-4 mt-8">
           <div className="font-bold text-lg">
             <FormattedMessage defaultMessage="Trending users" id="arZnG2" />
           </div>