fix: layout

uncch-rdmc · Apr 17, 2024 · a510c8f · a510c8f
1 parent b1ce1ae
commit a510c8f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/src/sections/collection/Collection.module.scss b/src/sections/collection/Collection.module.scss
@@ -12,7 +12,11 @@
   margin-bottom: $spacer;
 }
 
+.infoContainer {
+  display: flex;
+  gap: 10px;
+}
+
 .subtext {
-  margin-right: 5px;
   color: $dv-subtext-color;
 }
diff --git a/src/sections/collection/CollectionInfo.tsx b/src/sections/collection/CollectionInfo.tsx
@@ -13,12 +13,14 @@ export function CollectionInfo({ collection }: CollectionInfoProps) {
     <>
       <header className={styles.header}>
         <h1>{collection.name}</h1>
-        {collection.affiliation && (
-          <span className={styles.subtext}>({collection.affiliation})</span>
-        )}
-        {!collection.isReleased && (
-          <Badge variant={DatasetLabelSemanticMeaning.WARNING}>Unpublished</Badge>
-        )}
+        <div className={styles.infoContainer}>
+          {collection.affiliation && (
+            <span className={styles.subtext}>({collection.affiliation})</span>
+          )}
+          {!collection.isReleased && (
+            <Badge variant={DatasetLabelSemanticMeaning.WARNING}>Unpublished</Badge>
+          )}
+        </div>
       </header>
       {collection.description && (
         <div>