No commit message

chanzuckerberg · Sep 26, 2024 · 9ed0fcc · 9ed0fcc
1 parent 1de70a1
commit 9ed0fcc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/frontend/packages/data-portal/app/components/Download/ConfigureTomogramDownloadContent.tsx b/frontend/packages/data-portal/app/components/Download/ConfigureTomogramDownloadContent.tsx
@@ -109,6 +109,7 @@ export function ConfigureTomogramDownloadContent() {
                   selectedTomogram={tomogramToDownload}
                   allTomograms={allTomograms}
                   onSelectTomogramId={setTomogramId}
+                  className="max-w-[450px]"
                 />
               ) : (
                 <>

diff --git a/frontend/packages/data-portal/app/components/Download/Tomogram/TomogramSelectorLabel.tsx b/frontend/packages/data-portal/app/components/Download/Tomogram/TomogramSelectorLabel.tsx
@@ -1,3 +1,4 @@
+import { TomogramTypeBadge } from 'app/components/TomogramTypeBadge'
 import { useI18n } from 'app/hooks/useI18n'
 import { TomogramV2 } from 'app/types/gqlResponseTypes'
 import { getTomogramName } from 'app/utils/tomograms'
@@ -16,11 +17,14 @@ export function TomogramSelectorInputLabel({
   }
 
   return (
-    <div>
-      {getTomogramName(tomogram)}
-      <span className="text-sds-color-primitive-gray-500 ml-sds-xxs">
+    <div className="flex gap-sds-xxs">
+      <span className="shrink overflow-hidden text-ellipsis">
+        {getTomogramName(tomogram)}
+      </span>
+      <span className="text-sds-color-primitive-gray-500">
         {t('unitAngstrom', { value: tomogram.voxelSpacing })}
       </span>
+      {tomogram.isStandardized && <TomogramTypeBadge type="standard" />}
     </div>
   )
 }