one... more... font...

src/components/common/BottomTabBar.tsx

@@ -31,7 +31,7 @@ const BottomTabBar: React.FC<BottomTabBarProps> = ({ state, descriptors, navigat
       flexDirection: 'row',
       alignItems: 'center',
       justifyContent: 'space-around',
-      paddingHorizontal: 12,
+      paddingHorizontal: 28,
     }}>
       {state.routes.map((route, index) => {
         const { options } = descriptors[route.key] as any;
@@ -69,8 +69,8 @@ const BottomTabBar: React.FC<BottomTabBarProps> = ({ state, descriptors, navigat
             <Image
               source={isFocused ? img.fill : img.regular}
               style={{
-                height: 24,
-                width: 24,
+                height: 26,
+                width: 26,
                 tintColor: isFocused ? colors.text.primary : colors.text.secondary,
               }}
             />

src/components/common/TopTabBar.tsx

@@ -29,9 +29,9 @@ const TopTabBar: React.FC<MaterialTopTabBarProps> = ({ state, descriptors }) =>
           <View key={route.key} style={{
             borderBottomColor,
             borderBottomWidth: 1.5,
-            paddingVertical: 8,
-            width: 100,
-            height: 38,
+            // paddingVertical: 8,
+            width: 94,
+            height: 44,
             justifyContent: 'center',
             alignItems: 'center', 
           }}>

src/components/library/AlbumsTab.tsx

@@ -63,7 +63,7 @@ const AlbumItem: React.FC<{ id: string } > = ({ id }) => {
     <View style={{
       // flexDirection: 'row',
       alignItems: 'center',
-      marginVertical: 10,
+      marginVertical: 8,
       // marginLeft: 6,
       // width: size,
       flex: 1/3,
@@ -81,7 +81,7 @@ const AlbumItem: React.FC<{ id: string } > = ({ id }) => {
         <Text
           style={{
             ...textStyles.itemTitle,
-            marginTop: 5,
+            marginTop: 4,
           }}
           numberOfLines={2}
         >
@@ -90,7 +90,7 @@ const AlbumItem: React.FC<{ id: string } > = ({ id }) => {
         <Text
           style={{
             ...textStyles.itemSubtitle,
-            marginTop: 3,
+            // marginTop: 2,
           }}
           numberOfLines={1}
         >

src/styles/text.ts

@@ -2,20 +2,21 @@ import { TextStyle } from "react-native";
 import colors from './colors';
 
 const paragraph: TextStyle = {
-  fontFamily: 'Ubuntu-Light',
+  fontFamily: 'Metropolis-Regular',
   fontSize: 16,
   color: colors.text.primary,
 };
 
 const header: TextStyle = {
   ...paragraph,
-  fontSize: 18,
+  fontSize: 20,
+  fontFamily: 'Metropolis-SemiBold',
 };
 
 const itemTitle: TextStyle = {
   ...paragraph,
-  fontSize: 14,
-  // fontFamily: 'Ubuntu-Light',
+  fontSize: 13,
+  fontFamily: 'Metropolis-SemiBold',
 };
 
 const itemSubtitle: TextStyle = {
@@ -26,7 +27,7 @@ const itemSubtitle: TextStyle = {
 
 const xsmall: TextStyle = {
   ...paragraph,
-  fontSize: 11,
+  fontSize: 10,
 };
 
 export default {