fix(issues): Center event attachment table text (#58126)

getsentry · Oct 16, 2023 · d4f5584 · d4f5584
1 parent edef00f
commit d4f5584
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/static/app/components/events/eventAttachments.tsx b/static/app/components/events/eventAttachments.tsx
@@ -156,7 +156,9 @@ function EventAttachmentsContent({event, projectSlug}: EventAttachmentsProps) {
         >
           {attachments.map(attachment => (
             <Fragment key={attachment.id}>
-              <Name>{attachment.name}</Name>
+              <FlexCenter>
+                <Name>{attachment.name}</Name>
+              </FlexCenter>
               <Size>
                 <FileSize bytes={attachment.size} />
               </Size>
@@ -221,12 +223,22 @@ const StyledPanelTable = styled(PanelTable)`
   grid-template-columns: 1fr auto auto;
 `;
 
+const FlexCenter = styled('div')`
+  ${p => p.theme.overflowEllipsis};
+  display: flex;
+  align-items: center;
+`;
+
 const Name = styled('div')`
   ${p => p.theme.overflowEllipsis};
+  white-space: nowrap;
 `;
 
 const Size = styled('div')`
-  text-align: right;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  white-space: nowrap;
 `;
 
 const AttachmentPreviewWrapper = styled('div')`