feat(repository): improve reponsiveness of the "RepositoryCommitSummaryLine" island
+ 17
- 5
@@ -1,5 +1,5 @@
 {
-  "_generatedAtUnix": 1664251799514,
+  "_generatedAtUnix": 1664252697799,
   "_hashAlgorithm": "sha1",
   "_version": 2,
   "islands": {

...
@@ -22,7 +22,7 @@
       "pathSourceMap": "./public/.islands/RepositoriesList.bundle.js.map"
     },
     "RepositoryCommitSummaryLine": {
-      "hash": "be9c9a407d7b3c9a218dc51d76bd65166e477dad",
+      "hash": "5c31f1270a0cf20f1984fb000cfff0bc21d73a22",
       "pathSource": "./app/islands/RepositoryCommitSummaryLine.tsx",
       "pathBundle": "./public/.islands/RepositoryCommitSummaryLine.bundle.js",
       "pathSourceMap": "./public/.islands/RepositoryCommitSummaryLine.bundle.js.map"

app/islands/RepositoryCommitSummaryLine.tsx
@@ -47,8 +47,12 @@ const RepositoryCommitSummaryLine: ReactIsland<RepositoryCommitSummaryLineProps>
 
     return (
       <Grid.Col fluid nowrap>
-        <Grid.Row gap={8} alignItems={"flex-start"}>
-          <Grid.Col fluid>
+        <Grid.Row
+          gap={8}
+          alignItems={"stretch"}
+          style={{ flexWrap: "wrap-reverse" }}
+        >
+          <Grid.Col flex={"1 0 calc(100% - 220px)"} style={{ minWidth: 360 }}>
             <strong>{commit.author.name}</strong>
             <span style={{ marginTop: 8 }}>
               <a href={`/${orgSlug}/${repoSlug}/show/${commit.commit}`}>

...
@@ -61,7 +65,15 @@ const RepositoryCommitSummaryLine: ReactIsland<RepositoryCommitSummaryLineProps>
               ) : null}
             </span>
           </Grid.Col>
-          <Grid.Col flex={"0 0 205px"} alignItems={"flex-end"}>
+          <Grid.Col
+            alignItems={"flex-end"}
+            style={{
+              textAlign: "right",
+              flex: "1 0 200px",
+              width: 200,
+              minWidth: 200,
+            }}
+          >
             <span>
               <a href={`/${orgSlug}/${repoSlug}/show/${commit.commit}`}>
                 {commit.abbreviated_commit}