From 295eb91286ed4a0c2c41418a99d4f752e3423ae0 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Mon, 1 Apr 2024 08:28:48 +0300
Subject: [PATCH] feat(sidebars-wrapper): add option to remove vertical padding

---
 src/components/PageWrappers/SidebarsWrapper.tsx | 6 ++++--
 src/pages/ManageValidator/ManageValidator.tsx   | 6 +++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/PageWrappers/SidebarsWrapper.tsx b/src/components/PageWrappers/SidebarsWrapper.tsx
index b72e8ee8..857a2766 100644
--- a/src/components/PageWrappers/SidebarsWrapper.tsx
+++ b/src/components/PageWrappers/SidebarsWrapper.tsx
@@ -10,6 +10,7 @@ type SidebarsWrapperProps = {
   isNotLeftSidebar?: boolean
   isNotRightSidebar?: boolean
   isNotSidePadding?: boolean
+  isNotVerticalPadding?: boolean
 }
 
 const SidebarsWrapper = ({
@@ -17,6 +18,7 @@ const SidebarsWrapper = ({
   isNotLeftSidebar,
   isNotRightSidebar,
   isNotSidePadding,
+  isNotVerticalPadding,
 }: SidebarsWrapperProps) => {
   return (
     <XStack style={{ minHeight: '100vh' }}>
@@ -24,8 +26,8 @@ const SidebarsWrapper = ({
       <div
         style={{
           display: 'flex',
-          flexGrow: '1',
-          padding: `20px ${isNotSidePadding ? 0 : 20}px`,
+          flexGrow: 1,
+          padding: `${isNotVerticalPadding ? 0 : 12}px ${isNotSidePadding ? 0 : 20}px`,
           overflowY: 'auto',
           height: 'fit-content',
         }}
diff --git a/src/pages/ManageValidator/ManageValidator.tsx b/src/pages/ManageValidator/ManageValidator.tsx
index a6d93154..6ec7180c 100644
--- a/src/pages/ManageValidator/ManageValidator.tsx
+++ b/src/pages/ManageValidator/ManageValidator.tsx
@@ -6,7 +6,11 @@ import SidebarsWrapper from '../../components/PageWrappers/SidebarsWrapper'
 
 const ManageValidator = () => {
   return (
-    <SidebarsWrapper isNotRightSidebar={true} isNotSidePadding={true}>
+    <SidebarsWrapper
+      isNotRightSidebar={true}
+      isNotSidePadding={true}
+      isNotVerticalPadding={true}
+    >
       <XStack
         width={'min-content'}
         alignItems="flex-start"