From dc97d1b4f6e0c17ae3f3fbdfb77e9ab854d91f72 Mon Sep 17 00:00:00 2001
From: Robert Rhoades <robert.rhoades@boxuk.com>
Date: Fri, 18 Dec 2020 15:46:18 +0000
Subject: [PATCH] fix: oversized repository lines

The repository would stretch to fill the entire app viewport. This is because of the flex-1 class in tailwind allowing the flex item to stretch to fill the remaining space.

Changing to flex-initial prevents the stretch. This could also be removed entirely but I thought it's best to have something set so we're not relying on electron to set some defaults.
---
 src/js/components/__snapshots__/repository.test.tsx.snap | 2 +-
 src/js/components/repository.tsx                         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/js/components/__snapshots__/repository.test.tsx.snap b/src/js/components/__snapshots__/repository.test.tsx.snap
index b00ba7351..4694f43c7 100644
--- a/src/js/components/__snapshots__/repository.test.tsx.snap
+++ b/src/js/components/__snapshots__/repository.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`components/repository.tsx should render itself & its children 1`] = `
 Array [
   <div
-    className="flex flex-1 p-2 bg-gray-100 dark:bg-gray-darker dark:text-white"
+    className="flex flex-initial p-2 bg-gray-100 dark:bg-gray-darker dark:text-white"
   >
     <div
       className="flex flex-1 p-0.5 items-center mt-0 text-sm font-medium overflow-hidden overflow-ellipsis whitespace-nowrap"
diff --git a/src/js/components/repository.tsx b/src/js/components/repository.tsx
index 9d06b733c..2d342b1dd 100644
--- a/src/js/components/repository.tsx
+++ b/src/js/components/repository.tsx
@@ -33,7 +33,7 @@ export const RepositoryNotifications: React.FC<IProps> = (props) => {
 
   return (
     <>
-      <div className="flex flex-1 p-2 bg-gray-100 dark:bg-gray-darker dark:text-white">
+      <div className="flex flex-initial p-2 bg-gray-100 dark:bg-gray-darker dark:text-white">
         <div className="flex flex-1 p-0.5 items-center mt-0 text-sm font-medium overflow-hidden overflow-ellipsis whitespace-nowrap">
           <img className="rounded w-5 h-5 ml-1 mr-3" src={avatarUrl} />
           <span onClick={openBrowser}>{props.repoName}</span>