From e80423734873fc166a4df7574bd1cac9c17f3343 Mon Sep 17 00:00:00 2001
From: Samira Mokaram <samiram@spotify.com>
Date: Wed, 9 Dec 2020 17:01:08 +0100
Subject: [PATCH] make more responsive

---
 .../Incident/IncidentEmptyState.tsx           |  2 +-
 .../components/Incident/IncidentListItem.tsx  | 27 ++++++++++++-------
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/plugins/pagerduty/src/components/Incident/IncidentEmptyState.tsx b/plugins/pagerduty/src/components/Incident/IncidentEmptyState.tsx
index b697422b0f..f7a0398c55 100644
--- a/plugins/pagerduty/src/components/Incident/IncidentEmptyState.tsx
+++ b/plugins/pagerduty/src/components/Incident/IncidentEmptyState.tsx
@@ -22,7 +22,7 @@ export const IncidentsEmptyState = () => {
   return (
     <Grid container justify="center" direction="column" alignItems="center">
       <Grid item xs={12}>
-        <Typography variant="h4">Nice! No incidents found!</Typography>
+        <Typography variant="h5">Nice! No incidents found!</Typography>
       </Grid>
       <Grid item xs={12}>
         <img
diff --git a/plugins/pagerduty/src/components/Incident/IncidentListItem.tsx b/plugins/pagerduty/src/components/Incident/IncidentListItem.tsx
index 860623dcd4..c0143fa591 100644
--- a/plugins/pagerduty/src/components/Incident/IncidentListItem.tsx
+++ b/plugins/pagerduty/src/components/Incident/IncidentListItem.tsx
@@ -25,6 +25,7 @@ import {
   IconButton,
   Link,
   Typography,
+  Grid,
 } from '@material-ui/core';
 import { StatusError, StatusWarning } from '@backstage/core';
 import { formatDistanceToNowStrict } from 'date-fns';
@@ -76,16 +77,22 @@ export const IncidentListItem = ({ incident }: Props) => {
           className: classes.listItemPrimary,
         }}
         secondary={
-          <Typography noWrap variant="body2" color="textSecondary">
-            Created {createdAt} ago and assigned to{' '}
-            <Link
-              href={user?.html_url ?? '#'}
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              {user?.summary ?? 'nobody'}
-            </Link>
-          </Typography>
+          <Grid container>
+            <Grid item>
+              <Typography noWrap variant="body2" color="textSecondary">
+                Created {createdAt} ago and assigned to{' '}
+              </Typography>
+            </Grid>
+            <Grid item>
+              <Link
+                href={user?.html_url ?? '#'}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                {user?.summary ?? 'nobody'}
+              </Link>
+            </Grid>
+          </Grid>
         }
       />
       <ListItemSecondaryAction>