Align git options to base of file-explorer

libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx

@@ -534,8 +534,8 @@ export function Workspace () {
   ]
 
   return (
-    <>
-    <div className='remixui_container' style={{ height: selectedWorkspace && selectedWorkspace.isGitRepo ? '95%' : '100%' }}>
+    <div className='d-flex flex-column justify-content-between h-100'>
+      <div className='remixui_container'>
         <div className='d-flex flex-column w-100 remixui_fileexplorer' data-id="remixUIWorkspaceExplorer" onClick={resetFocus}>
           <div>
             <header>
@@ -721,9 +721,9 @@ export function Workspace () {
         </div>
         {
           selectedWorkspace &&
-        <div className={`bg-light border-top ${selectedWorkspace.isGitRepo ? 'd-block' : 'd-none'}`} style={{ height: '5%' }}>
+          <div className={`bg-light border-top ${selectedWorkspace.isGitRepo ? 'd-block' : 'd-none'}`}>
             <div className='d-flex justify-space-between p-1'>
-            <div className="mr-auto text-uppercase text-dark pt-2 pl-2">DGIT</div>
+              <div className="mr-auto text-uppercase text-dark pt-2 pl-2">GIT</div>
               <div className="pt-1 mr-1">
                 <Dropdown style={{ height: 30, minWidth: 80 }} onToggle={toggleBranches} show={showBranches} drop={'up'}>
                   <Dropdown.Toggle as={CustomToggle} id="dropdown-custom-components" className="btn btn-light btn-block w-100 d-inline-block border border-dark form-control h-100 p-0 pl-2 pr-2 text-dark" icon={null}>
@@ -773,7 +773,7 @@ export function Workspace () {
             </div>
           </div>
         }
-    </>
+    </div>
   )
 }