Match count badge color/size spec to crop/alt badges

src/components/images/Gallery/index.tsx

@@ -490,21 +490,22 @@ function GalleryImage({
               style={[
                 a.absolute,
                 a.justify_center,
+                a.rounded_sm,
+                a.p_xs,
+                t.atoms.bg_contrast_25,
                 {
-                  top: a.p_sm.padding,
+                  top: a.p_xs.padding,
-                  right: a.p_sm.padding,
+                  right: a.p_xs.padding,
-                  paddingHorizontal: 6,
+                  opacity: 0.8,
-                  paddingVertical: 2,
+                },
-                  borderRadius: 999,
+                largeAltBadge && {
-                  backgroundColor: 'rgba(0, 0, 0, 0.6)',
+                  padding: 6,
                 },
               ]}>
               <Text
                 style={[
                   a.font_bold,
-                  a.text_xs,
+                  largeAltBadge ? a.text_xs : {fontSize: 8},
-                  a.leading_tight,
-                  {color: '#fff'},
                 ]}>
                 {index + 1}/{imageCount}
               </Text>