Browse Source

fix(perf): Fix missing space in Vitals toolbar buttons (#70266)

This ensures spacing between the buttons. Closes JAVASCRIPT-2SYJ
George Gritsouk 10 months ago
parent
commit
3609aff06c
1 changed files with 9 additions and 6 deletions
  1. 9 6
      static/app/views/performance/browser/webVitals/pageOverview.tsx

+ 9 - 6
static/app/views/performance/browser/webVitals/pageOverview.tsx

@@ -6,6 +6,7 @@ import moment from 'moment';
 import ProjectAvatar from 'sentry/components/avatar/projectAvatar';
 import {Breadcrumbs} from 'sentry/components/breadcrumbs';
 import {LinkButton} from 'sentry/components/button';
+import ButtonBar from 'sentry/components/buttonBar';
 import {AggregateSpans} from 'sentry/components/events/interfaces/spans/aggregateSpans';
 import FeedbackWidgetButton from 'sentry/components/feedback/widget/feedbackWidgetButton';
 import * as Layout from 'sentry/components/layouts/thirds';
@@ -179,12 +180,14 @@ export default function PageOverview() {
             </Layout.Title>
           </Layout.HeaderContent>
           <Layout.HeaderActions>
-            <FeedbackWidgetButton />
-            {transactionSummaryTarget && (
-              <LinkButton to={transactionSummaryTarget} size="sm">
-                {t('View Transaction Summary')}
-              </LinkButton>
-            )}
+            <ButtonBar gap={1}>
+              <FeedbackWidgetButton />
+              {transactionSummaryTarget && (
+                <LinkButton to={transactionSummaryTarget} size="sm">
+                  {t('View Transaction Summary')}
+                </LinkButton>
+              )}
+            </ButtonBar>
           </Layout.HeaderActions>
           <TabList hideBorder>
             {LANDING_DISPLAYS.map(({label, field}) => (