Show the Download All label on mobile in the share overview section headers instead of icon-only buttons

Author: MansiVisuals

src/components/SharePhotoSection.tsx

@@ -177,7 +177,7 @@ export default function SharePhotoSection({ projectId, shareToken, allowPhotoDow
           {allowPhotoDownload && albums.length > 1 && (
             <Button variant="outline" size="sm" onClick={() => handleZipDownload('project')} disabled={downloading}>
               {downloading ? <Loader2 className="h-4 w-4 animate-spin" /> : <Download className="h-4 w-4" />}
-              <span className="hidden sm:inline">{t('downloadAllAlbums', { count: albums.length })}</span>
+              <span>{t('downloadAllAlbums', { count: albums.length })}</span>
             </Button>
           )}
         </div>

src/components/ThumbnailGrid.tsx

@@ -148,7 +148,7 @@ export default function ThumbnailGrid({
           {onDownloadAll && (
             <Button variant="outline" size="sm" onClick={onDownloadAll} disabled={downloadingAll} data-tutorial="download-all">
               {downloadingAll ? <Loader2 className="h-4 w-4 animate-spin" /> : <Download className="h-4 w-4" />}
-              <span className="hidden sm:inline">{downloadAllLabel || t('videos')}</span>
+              <span>{downloadAllLabel || t('videos')}</span>
             </Button>
           )}
         </div>