more alfing

src/view/shell/bottom-bar/BottomBarWeb.tsx

@@ -199,21 +199,22 @@ export function BottomBarWeb() {
         ) : (
           <>
             <View
-              style={{
+              style={[
-                width: '100%',
+                a.w_full,
-                flexDirection: 'row',
+                a.flex_row,
-                alignItems: 'center',
+                a.align_center,
-                justifyContent: 'space-between',
+                a.justify_between,
+                a.gap_sm,
+                {
                   paddingTop: 14,
                   paddingBottom: 14,
                   paddingLeft: 14,
                   paddingRight: 6,
-                gap: 8,
+                },
-              }}>
+              ]}>
-              <View
+              <View style={[a.flex_row, a.align_center, a.gap_md]}>
-                style={{flexDirection: 'row', alignItems: 'center', gap: 12}}>
                 <Logo width={32} />
-                <View style={{paddingTop: 4}}>
+                <View style={[a.pt_xs]}>
                   <Logotype width={80} fill={t.atoms.text.color} />
                 </View>
               </View>