From 828b75410dcf07ef8b63335bae8aa2cca0e21f00 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Tue, 2 Jul 2024 15:37:30 +0100
Subject: [PATCH] spacing and padding to branches

---
 libs/remix-ui/git/src/components/gitui.tsx           |  5 +++--
 libs/remix-ui/git/src/components/panels/branches.tsx | 10 +++++-----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/libs/remix-ui/git/src/components/gitui.tsx b/libs/remix-ui/git/src/components/gitui.tsx
index 79be4d1c25..d723cc20ce 100644
--- a/libs/remix-ui/git/src/components/gitui.tsx
+++ b/libs/remix-ui/git/src/components/gitui.tsx
@@ -200,8 +200,9 @@ export const GitUI = (props: IGitUi) => {
                     <hr></hr>
                     <BranchesNavigation eventKey="2" activePanel={activePanel} callback={setActivePanel} />
                     <Accordion.Collapse className='bg-light' eventKey="2">
-                      <>
-                        <Branches /></>
+                      <div className="px-3">
+                        <Branches />
+                      </div>
                     </Accordion.Collapse>
                     <hr></hr>
                     <RemotesNavigation eventKey="5" activePanel={activePanel} callback={setActivePanel} />
diff --git a/libs/remix-ui/git/src/components/panels/branches.tsx b/libs/remix-ui/git/src/components/panels/branches.tsx
index 503bea1202..0c70e1533f 100644
--- a/libs/remix-ui/git/src/components/panels/branches.tsx
+++ b/libs/remix-ui/git/src/components/panels/branches.tsx
@@ -18,7 +18,7 @@ export const Branches = () => {
 
   return (
     <>
-      <div data-id='branches-panel-content' className="pt-1">
+      <div data-id='branches-panel-content' className="pt-2">
         {context.branches && context.branches.length ?
           <div>
             {context.branches && context.branches.filter((branch, index) => !branch.remote).map((branch, index) => {
@@ -32,9 +32,9 @@ export const Branches = () => {
         {context.currentBranch
           && context.currentBranch.name !== ''
           && (!context.branches || context.branches.length === 0) ?
-          <div className="text-muted">Current branch is `{context.currentBranch.name}` but you have no commits.<hr /></div>
+          <div className="text-muted">Current branch is <strong className="text-dark">{`${context.currentBranch.name}`}</strong> but you have no commits.</div>
           : null}
-        <label>create branch</label>
+        <label className="text-uppercase pt-2 pb-1">Create branch</label>
         <div className="form-group">
 
           <input
@@ -49,7 +49,7 @@ export const Branches = () => {
         <GitUIButton
           data-id="sourcecontrol-create-branch"
           onClick={async () => actions.createBranch(newBranch.value)}
-          className="btn w-md-25 w-100 btn-primary"
+          className="btn w-md-25 w-100 btn-primary mb-3"
           id="createbranch-btn"
         >
           create new branch
@@ -57,4 +57,4 @@ export const Branches = () => {
       </div>
     </>
   );
-}
\ No newline at end of file
+}