From 3169af44cbc56f9d1037557c2aaf56a8ae9fdb62 Mon Sep 17 00:00:00 2001
From: Arunavo Ray <developer@arunavoray.dev>
Date: Tue, 17 Jun 2025 13:49:53 +0530
Subject: [PATCH] refactor: improve layout and spacing in GitHubMirrorSettings
 component

---
 src/components/config/GitHubMirrorSettings.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/config/GitHubMirrorSettings.tsx b/src/components/config/GitHubMirrorSettings.tsx
index 10152a1..3f1d435 100644
--- a/src/components/config/GitHubMirrorSettings.tsx
+++ b/src/components/config/GitHubMirrorSettings.tsx
@@ -107,12 +107,12 @@ export function GitHubMirrorSettings({
                 Include private repositories
               </Label>
               <p className="text-xs text-muted-foreground">
-                Mirror your private repositories (requires appropriate token permissions)
+                Mirror your private repositories
               </p>
             </div>
           </div>
 
-          <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
             <div className="flex items-start space-x-3">
               <Checkbox
                 id="starred-repos"
@@ -135,8 +135,10 @@ export function GitHubMirrorSettings({
 
             {/* Lightweight starred repos option - inline to prevent layout shift */}
             <div className={cn(
-              "flex items-start space-x-3 transition-opacity duration-200",
-              githubConfig.mirrorStarred ? "opacity-100" : "opacity-0 pointer-events-none"
+              "flex items-start space-x-3 transition-all duration-200",
+              githubConfig.mirrorStarred 
+                ? "opacity-100 lg:pl-6 lg:border-l lg:border-border" 
+                : "opacity-0 pointer-events-none"
             )}>
               <Checkbox
                 id="skip-starred-metadata"