diff --git a/frontend/src/App.css b/frontend/src/App.css index 86faf8b..897286b 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -9,7 +9,7 @@ /* Page-specific styles for ModerationPage */ .moderation-page { font-family: roboto; max-width: 1200px; margin: 0 auto; padding: 20px; } -.moderation-content h1 { font-family: roboto; text-align:center; color:#333; margin-bottom:30px; } +.moderation-content h1 { font-family: roboto; text-align:left; color:#333; margin-bottom:30px; } .moderation-loading, .moderation-error { text-align:center; padding:50px; font-size:18px; } .moderation-error { color:#dc3545; } diff --git a/frontend/src/Components/ComponentUtils/ImageGalleryCard.js b/frontend/src/Components/ComponentUtils/ImageGalleryCard.js index 9cfb3e8..834adac 100644 --- a/frontend/src/Components/ComponentUtils/ImageGalleryCard.js +++ b/frontend/src/Components/ComponentUtils/ImageGalleryCard.js @@ -45,7 +45,8 @@ const ImageGalleryCard = ({ previewUrl = getGroupPreviewSrc(group, true); title = group.title; - subtitle = `${group.year} • ${group.name}`; + // Only show name if it exists and is not empty/null/undefined + subtitle = (group.name && group.name !== 'null') ? `${group.year} • ${group.name}` : `${group.year}`; description = group.description; uploadDate = group.uploadDate; imageCount = group.imageCount;