tidy(ui): rename GalleryBulkSelect -> GallerySelectionCountTag

Author: psychedelicious

invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImageGrid.tsx

@@ -2,7 +2,7 @@ import { Box, Flex, Grid } from '@invoke-ai/ui-library';
 import { EMPTY_ARRAY } from 'app/store/constants';
 import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
 import { IAINoContentFallback } from 'common/components/IAIImageFallback';
-import { GalleryBulkSelect } from 'features/gallery/components/ImageGrid/GalleryBulkSelect';
+import { GallerySelectionCountTag } from 'features/gallery/components/ImageGrid/GallerySelectionCountTag';
 import { useGalleryHotkeys } from 'features/gallery/hooks/useGalleryHotkeys';
 import { selectListImagesQueryArgs } from 'features/gallery/store/gallerySelectors';
 import { limitChanged } from 'features/gallery/store/gallerySlice';
@@ -145,7 +145,7 @@ const Content = () => {
           ))}
         </Grid>
       </Box>
-      <GalleryBulkSelect />
+      <GallerySelectionCountTag />
     </Box>
   );
 };

invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryBulkSelect.tsx renamed to invokeai/frontend/web/src/features/gallery/components/ImageGrid/GallerySelectionCountTag.tsx

@@ -6,7 +6,7 @@ import { useCallback } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
 import { useTranslation } from 'react-i18next';
 
-export const GalleryBulkSelect = () => {
+export const GallerySelectionCountTag = () => {
   const dispatch = useAppDispatch();
   const { selection } = useAppSelector((s) => s.gallery);
   const { t } = useTranslation();
@@ -31,8 +31,8 @@ export const GalleryBulkSelect = () => {
       position="absolute"
       bg="invokeBlue.800"
       color="base.50"
-      py={1}
-      px={3}
+      py={2}
+      px={4}
       userSelect="none"
       shadow="dark-lg"
       fontWeight="semibold"