From 9d81fa5ba569eafcfc1dab291ff7ced76b9c812f Mon Sep 17 00:00:00 2001
From: Dejan <panovskidejan@yahoo.com>
Date: Mon, 4 Nov 2024 23:41:42 +0100
Subject: [PATCH] - Set the points step to 5 and styled the points slider

---
 components/shared/PointsSlider.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/shared/PointsSlider.tsx b/components/shared/PointsSlider.tsx
index fb42f88..71ce769 100644
--- a/components/shared/PointsSlider.tsx
+++ b/components/shared/PointsSlider.tsx
@@ -13,7 +13,7 @@ const PointsSlider = (props: {
           value={props.points}
           onValueChange={(value) => props.setPoints(value)}
           minimumValue={0}
-          step={10}
+          step={5}
           thumbTintColor="white"
           minimumTrackTintColor="#91d5ff"
           thumbStyle={{borderWidth: 3, borderColor: '#91d5ff'}}
@@ -21,7 +21,7 @@ const PointsSlider = (props: {
         />
         <View row spread>
           <Text style={{fontSize: 13, color: '#858585'}}>0</Text>
-          <Text style={{fontSize: 13, color: '#858585'}}>50</Text>
+          <Text style={{fontSize: 13, color: '#858585', marginLeft: 15}}>50</Text>
           <Text style={{fontSize: 13, color: '#858585'}}>100</Text>
         </View>
       </View>