fixes

Author: ankormoreankor

packages/ui/src/components/node-group.tsx

@@ -12,7 +12,10 @@ interface NodeGroupRootProps {
 function Root({ className, children }: NodeGroupRootProps) {
   return (
     <div
-      className={cn('relative grid grid-cols-[26px_1fr] grid-rows-[auto_1fr] items-center gap-x-3 gap-y-2', className)}
+      className={cn(
+        'relative grid grid-cols-[26px_1fr] grid-rows-[auto_1fr] items-center gap-x-cn-sm gap-y-cn-xs',
+        className
+      )}
     >
       {children}
     </div>
@@ -49,7 +52,7 @@ function Icon({
 function Title({ children, className }: { children: ReactNode; className?: string }) {
   return (
     <div className="col-start-2 row-start-1">
-      <div className={cn('inline-flex items-center gap-1.5', className)}>{children}</div>
+      <div className={cn('inline-flex items-center gap-cn-2xs', className)}>{children}</div>
     </div>
   )
 }

packages/ui/src/views/repo/components/commits-list.tsx

@@ -45,9 +45,15 @@ export const CommitsList: FC<CommitProps> = ({ data, toCommitDetails, toPullRequ
   return (
     <div className={className}>
       {entries.map(([date, commitData]) => (
-        <NodeGroup.Root className="pb-cn-xl gap-cn-md grid-cols-[9px_1fr] last:pb-0" key={date}>
+        <NodeGroup.Root className="pb-cn-xl !gap-y-cn-md !gap-x-cn-md grid-cols-[14px_1fr] last:pb-0" key={date}>
           <NodeGroup.Icon simpleNodeIcon />
-          <NodeGroup.Title>{date && <Text variant="body-single-line-normal">Commits on {date}</Text>}</NodeGroup.Title>
+          <NodeGroup.Title>
+            {date && (
+              <Text variant="body-single-line-normal" color="foreground-3">
+                Commits on {date}
+              </Text>
+            )}
+          </NodeGroup.Title>
           <NodeGroup.Content>
             {!!commitData.length && (
               <StackedList.Root>
@@ -111,7 +117,7 @@ export const CommitsList: FC<CommitProps> = ({ data, toCommitDetails, toPullRequ
               </StackedList.Root>
             )}
           </NodeGroup.Content>
-          <NodeGroup.Connector />
+          <NodeGroup.Connector className="left-1.5" />
         </NodeGroup.Root>
       ))}
     </div>