From 71d0dd5262ea4048f1ac3b5029972357fb072cad Mon Sep 17 00:00:00 2001
From: Jeremy <jeremyasuncion808@gmail.com>
Date: Wed, 23 Oct 2024 12:31:27 -0700
Subject: [PATCH] address design feedback

---
 .../app/components/Download/DownloadOptionsContent.tsx      | 6 ++++++
 .../packages/data-portal/app/components/TablePageLayout.tsx | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/packages/data-portal/app/components/Download/DownloadOptionsContent.tsx b/frontend/packages/data-portal/app/components/Download/DownloadOptionsContent.tsx
index 61b594a87..161f848eb 100644
--- a/frontend/packages/data-portal/app/components/Download/DownloadOptionsContent.tsx
+++ b/frontend/packages/data-portal/app/components/Download/DownloadOptionsContent.tsx
@@ -140,6 +140,12 @@ export function DownloadOptionsContent() {
             value={tomogramToDownload.alignment.id}
           />
         )}
+      {annotationToDownload && (
+        <ModalSubtitle
+          label={t('alignmentId')}
+          value={`${IdPrefix.Alignment}-${annotationToDownload.id}`}
+        />
+      )}
       {fileFormat && (
         <ModalSubtitle
           label={t('fileFormat')}
diff --git a/frontend/packages/data-portal/app/components/TablePageLayout.tsx b/frontend/packages/data-portal/app/components/TablePageLayout.tsx
index c1bf022ee..57890f51b 100644
--- a/frontend/packages/data-portal/app/components/TablePageLayout.tsx
+++ b/frontend/packages/data-portal/app/components/TablePageLayout.tsx
@@ -178,10 +178,10 @@ function TablePageTabContent({
         >
           <div
             className={cns(
-              'flex flex-col flex-auto w-full',
+              'flex flex-col flex-auto w-full max-w-content',
 
               // Translate to the left by half the filter panel width to align with the header
-              filterPanel && 'screen-2040:translate-x-[-117.5px] max-w-content',
+              filterPanel && 'screen-2040:translate-x-[-117.5px]',
             )}
           >
             {banner && <div className="flex px-sds-xl">{banner}</div>}