fix paddings

demokratie-live · Feb 20, 2022 · 332351a · 332351a
1 parent fa85808
commit 332351a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/packages/mobile-app/src/components/misc/Pagination.tsx b/packages/mobile-app/src/components/misc/Pagination.tsx
@@ -17,7 +17,7 @@ export const CarouselPagination: React.FC<PaginationProps> = ({
       activeDotIndex={active}
       containerStyle={{
         paddingTop: 10,
-        paddingBottom: 20,
+        paddingBottom: 18,
       }}
       dotStyle={{
         width: 10,

diff --git a/packages/mobile-app/src/screens/Bundestag/Procedure/components/DeputyVoteResults/Deputy.tsx b/packages/mobile-app/src/screens/Bundestag/Procedure/components/DeputyVoteResults/Deputy.tsx
@@ -56,6 +56,7 @@ const TextLighGrey = styled(Text)`
 const Decision = styled.Text<{ decision: string | null }>`
   font-size: 21px;
   padding-top: 14px;
+  padding-bottom: 3px;
   color: ${({ decision }) => {
     switch (decision) {
       case 'YES':

diff --git a/packages/mobile-app/src/screens/Bundestag/Procedure/components/DeputyVoteResults/index.tsx b/packages/mobile-app/src/screens/Bundestag/Procedure/components/DeputyVoteResults/index.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useContext, useEffect } from 'react';
-import { Dimensions, ScaledSize } from 'react-native';
+import { Dimensions, ScaledSize, View } from 'react-native';
 import Carousel from 'react-native-snap-carousel';
 
 import Folding from '@democracy-deutschland/mobile-ui/src/components/shared/Folding';
@@ -118,7 +118,7 @@ export const DeputyVoteResultSlider: React.FC<Props> = ({
       )) || [];
 
     return (
-      <>
+      <View style={{ marginBottom: -18, marginTop: 10 }}>
         <SwiperStyled
           data={screens}
           renderItem={renderItem}
@@ -127,7 +127,7 @@ export const DeputyVoteResultSlider: React.FC<Props> = ({
           onSnapToItem={setActiveSlide}
         />
         <CarouselPagination length={screens.length} active={activeSlide} />
-      </>
+      </View>
     );
   };