git file listing

Author: Aniket-Engg

libs/remix-ui/git/src/components/panels/sourcecontrol/sourcecontrolitem.tsx

@@ -52,7 +52,7 @@ export const SourceControlItem = (props: SourceControlItemProps) => {
   if (!file.statusNames || file.statusNames.length === 0) return null
 
   return (<>
-    <div data-status={file.statusNames.join('-')} data-file={file.filename} className="d-flex w-100 d-flex flex-row align-items-center">
+    <div data-status={file.statusNames.join('-')} data-file={file.filename} className="d-flex w-100 d-flex flex-row align-items-center mt-2">
       <div className='pointer gitfile long-and-truncated' onClick={async () => await fileClick(file)}>
         <span className='fw-bold long-and-truncated'>{path.basename(file.filename)}</span>
         <div className='text-secondary long-and-truncated'> {file.filename}</div>

libs/remix-ui/git/src/style/index.css

@@ -18,19 +18,19 @@
 }
 
 .commit-navigation:hover {
-    background-color: var(--custom-select);
+    background-color: var(--custom-onsurface-layer-2);
 }
 
 .commitdetailsitem {
     align-items: baseline;
 }
 
 .gitfile:hover              {
-    background-color             : var(--custom-select);
+    background-color             : var(--custom-onsurface-layer-2);
 }
 
 hr {
-    background-color: var(--custom-select);
+    background-color: var(--custom-onsurface-layer-2);
 }
 
 .messageTip {