From ea4f3b85b5b86dcdd680c627fdab37eed6dae721 Mon Sep 17 00:00:00 2001
From: NCanggoro <ansianggoro@gmail.com>
Date: Thu, 21 Sep 2023 15:53:53 +0700
Subject: [PATCH] fix best locations styling

---
 src/components/Separator/WithAnchor/index.tsx | 2 +-
 src/pages/BestLocations/index.tsx             | 2 +-
 src/pages/BestLocations/style.css             | 6 ++++++
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Separator/WithAnchor/index.tsx b/src/components/Separator/WithAnchor/index.tsx
index 93455cf..103de18 100644
--- a/src/components/Separator/WithAnchor/index.tsx
+++ b/src/components/Separator/WithAnchor/index.tsx
@@ -3,7 +3,7 @@ import './style.css';
 type SeparatorProps = {
   pageName: String,
   pageLink: string,
-  secondLink?: string
+  secondLink?: string,
 }
 
 function SeparatorWithAnchor(props: SeparatorProps) {
diff --git a/src/pages/BestLocations/index.tsx b/src/pages/BestLocations/index.tsx
index 4383ea7..979a618 100644
--- a/src/pages/BestLocations/index.tsx
+++ b/src/pages/BestLocations/index.tsx
@@ -194,7 +194,7 @@ function BestLocation() {
               ))}
             </div>
             <div className={'p-4 bg-secondary'} style={{ minWidth: 300}}>
-                <div className={'h-30 bg-primary p-4'} style={{ position: 'sticky', alignSelf: 'flex-start', top: 10}}>
+                <div className={'h-30 bg-primary p-4 right-filter'}>
                   {REVIEWERS_TYPE.map((x, idx) => (
                   <a 
                     onClick={(e) => onChangeReviewType(e, x.toLowerCase(), idx+1)} 
diff --git a/src/pages/BestLocations/style.css b/src/pages/BestLocations/style.css
index 82dbc01..7f3d2b0 100644
--- a/src/pages/BestLocations/style.css
+++ b/src/pages/BestLocations/style.css
@@ -54,4 +54,10 @@
 a .selected-reviewer-filter:hover{
   color: white;
   cursor: default;
+}
+
+.right-filter {
+  position: sticky;
+  align-self: flex-start;
+  top: 30px;
 }
\ No newline at end of file