make more responsive

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

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>