Merge pull request #110 from GetLuko/sami/fix/change-buttonbar-padding

Sami/fix/change buttonbar padding
GetLuko · Aug 24, 2023 · 021a0fa · 021a0fa
2 parents 129d947 + cb32efa
commit 021a0fa
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/packages/sandbox/e2e/android/screenshots/ButtonBar.png b/packages/sandbox/e2e/android/screenshots/ButtonBar.png
diff --git a/packages/sandbox/e2e/ios/screenshots/ButtonBar.png b/packages/sandbox/e2e/ios/screenshots/ButtonBar.png
diff --git a/packages/streamline/package.json b/packages/streamline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@getluko/streamline",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "author": "luko",
   "description": "Luko Design System using react-native for iOS and Android",
   "main": "dist/packages/streamline/index.js",

diff --git a/packages/streamline/src/components/button-bar/button-bar.tsx b/packages/streamline/src/components/button-bar/button-bar.tsx
@@ -32,7 +32,11 @@ export const ButtonBar = ({ buttons, isSkeleton = false, testID }: Props) => {
       scrollEnabled={!isSkeleton}
       horizontal={true}
       showsHorizontalScrollIndicator={false}
-      contentContainerStyle={{ padding: spacing.md, flexDirection: 'row' }}
+      contentContainerStyle={{
+        paddingHorizontal: spacing.md,
+        paddingVertical: spacing.xs,
+        flexDirection: 'row',
+      }}
     >
       {buttonMenu.map((button, index) => (
         <Box