From 3b980809aa5681be57e7a037feb0fcf560be99c8 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sat, 15 Feb 2025 09:47:36 -0600
Subject: [PATCH] Move branch to own line on mobile

---
 src/admin/insights/AdminAppInsightsClient.tsx | 25 ++++++++++++-------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/admin/insights/AdminAppInsightsClient.tsx b/src/admin/insights/AdminAppInsightsClient.tsx
index d2fe111f..fb7b7ce3 100644
--- a/src/admin/insights/AdminAppInsightsClient.tsx
+++ b/src/admin/insights/AdminAppInsightsClient.tsx
@@ -86,6 +86,14 @@ export default function AdminAppInsightsClient({
 
   const { descriptionWithSpaces } = dateRangeForPhotos(undefined, dateRange);
 
+  const branchLink = <a
+    className="truncate"
+    href={codeMeta?.urlBranch}
+    target="blank"
+  >
+    {codeMeta?.branch ?? TEMPLATE_REPO_BRANCH}
+  </a>;
+
   return (
     <div className="space-y-6 md:space-y-8">
       {(codeMeta?.isBaseRepo || codeMeta?.isForkedFromBase || debug) && <>
@@ -167,18 +175,17 @@ export default function AdminAppInsightsClient({
                   {codeMeta?.repo ?? TEMPLATE_REPO_NAME}
                 </a>
               </div>
-              <div className="flex items-center gap-1 min-w-0">
-                <div><BiGitBranch size={17} /></div>
-                <a
-                  className="truncate"
-                  href={codeMeta?.urlBranch}
-                  target="blank"
-                >
-                  {codeMeta?.branch ?? TEMPLATE_REPO_BRANCH}
-                </a>
+              <div className="hidden sm:flex items-center gap-1 min-w-0">
+                <BiGitBranch size={17} />
+                {branchLink}
               </div>
             </div>}
           />
+          <ScoreCardRow
+            className="sm:hidden"
+            icon={<BiGitBranch size={17} />}
+            content={branchLink}
+          />
           <ScoreCardRow
             icon={<BiGitCommit
               size={18}