fix(INJI-472): hindi text matras getting hidden

IssuersScreen was hiding matras in hindi text displayed, padding is added to resolve this

Signed-off-by: Kiruthika Jeyashankar <[email protected]>

components/ui/themes/DefaultTheme.ts

@@ -1181,13 +1181,15 @@ export const DefaultTheme = {
       lineHeight: 17,
       paddingHorizontal: 3,
       paddingBottom: 4,
+      paddingTop: 1.7,
     },
     issuerDescription: {
       fontSize: 11,
       lineHeight: 14,
       color: Colors.ShadeOfGrey,
       paddingVertical: 5,
       paddingHorizontal: 3,
+      paddingTop: 1,
     },
     issuerIcon: {
       resizeMode: 'contain',

components/ui/themes/PurpleTheme.ts

@@ -1181,11 +1181,13 @@ export const PurpleTheme = {
       fontFamily: 'Inter_600SemiBold',
       fontSize: 14,
       lineHeight: 17,
+      paddingTop: 1.7,
     },
     issuerDescription: {
       fontSize: 11,
       lineHeight: 14,
       color: Colors.ShadeOfGrey,
+      paddingTop: 1,
     },
     issuerIcon: {
       resizeMode: 'contain',

screens/Issuers/IssuersScreen.tsx

@@ -1,10 +1,10 @@
 import React, {useLayoutEffect} from 'react';
 import {useTranslation} from 'react-i18next';
-import {FlatList, Image, Text, View} from 'react-native';
+import {FlatList, Image, View} from 'react-native';
 import {Issuer} from '../../components/openId4VCI/Issuer';
 import {Error} from '../../components/ui/Error';
 import {Header} from '../../components/ui/Header';
-import {Column} from '../../components/ui';
+import {Column, Text} from '../../components/ui';
 import {Theme} from '../../components/ui/styleUtils';
 import {RootRouteProps} from '../../routes';
 import {HomeRouteProps} from '../../routes/main';
@@ -132,6 +132,7 @@ export const IssuersScreen: React.FC<
             {...testIDProps('addCardDescription')}
             style={{
               ...Theme.TextStyles.regularGrey,
+              paddingTop: 0.5,
               marginVertical: 14,
               marginHorizontal: 9,
             }}>