From d7ec8dd6e51cfbde2e0896ffc33e6ada393d5070 Mon Sep 17 00:00:00 2001
From: senke <okin.tcs@gmail.com>
Date: Fri, 16 Jan 2026 12:03:28 +0100
Subject: [PATCH] aesthetic-improvements: fix remaining spacing in pages and
 views (Action 11.5.1.5)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- DashboardPage: Updated gap (gap-6 → gap-8) for 8px grid alignment
- FileDetailsView: Updated section spacing (space-y-6 → space-y-8)
- GearView: Updated section spacing (space-y-6 → space-y-8, 2 instances)
- ProfileView: Updated gap (gap-6 → gap-8)
- DiscoverView: Updated card padding (p-6 → p-8)
- PurchasesView: Updated gap (gap-6 → gap-8)
- Preserved: Responsive padding (p-4 sm:p-6, px-6 md:px-12) and conditional padding (p-6 for non-primary cards)
- Action 11.5.1.5: Apply direction to all pages - Batch 3 complete (spacing fixes)
---
 apps/web/src/components/views/DiscoverView.tsx    | 2 +-
 apps/web/src/components/views/FileDetailsView.tsx | 2 +-
 apps/web/src/components/views/GearView.tsx        | 4 ++--
 apps/web/src/components/views/ProfileView.tsx     | 2 +-
 apps/web/src/components/views/PurchasesView.tsx   | 2 +-
 apps/web/src/pages/DashboardPage.tsx              | 2 +-
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/components/views/DiscoverView.tsx b/apps/web/src/components/views/DiscoverView.tsx
index 041e53a55..50dbad65f 100644
--- a/apps/web/src/components/views/DiscoverView.tsx
+++ b/apps/web/src/components/views/DiscoverView.tsx
@@ -142,7 +142,7 @@ export const DiscoverView: React.FC = () => {
 
           <Card
             variant="default"
-            className="relative overflow-hidden group cursor-pointer h-64 p-6 flex flex-col justify-end"
+            className="relative overflow-hidden group cursor-pointer h-64 p-8 flex flex-col justify-end"
           >
             <img
               src="https://picsum.photos/id/99/400/400"
diff --git a/apps/web/src/components/views/FileDetailsView.tsx b/apps/web/src/components/views/FileDetailsView.tsx
index ef0a1dae5..c2c57f615 100644
--- a/apps/web/src/components/views/FileDetailsView.tsx
+++ b/apps/web/src/components/views/FileDetailsView.tsx
@@ -207,7 +207,7 @@ export const FileDetailsView: React.FC<FileDetailsViewProps> = ({
         </div>
 
         {/* Right: Sidebar */}
-        <div className="space-y-6">
+        <div className="space-y-8">
           {/* Activity Feed */}
           <Card variant="gaming">
             <h3 className="font-bold text-white mb-4 flex items-center gap-2 text-sm uppercase tracking-wider">
diff --git a/apps/web/src/components/views/GearView.tsx b/apps/web/src/components/views/GearView.tsx
index 3e3803f33..4fa5b808a 100644
--- a/apps/web/src/components/views/GearView.tsx
+++ b/apps/web/src/components/views/GearView.tsx
@@ -359,7 +359,7 @@ export const GearView: React.FC = () => {
             <div className="flex-1 overflow-y-auto p-8">
               <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
                 {/* Left: Specs & Info */}
-                <div className="lg:col-span-2 space-y-6">
+                <div className="lg:col-span-2 space-y-8">
                   {/* Specifications */}
                   <Card variant="default">
                     <h4 className="flex items-center gap-2 font-bold text-white mb-4 border-b border-kodo-steel pb-2">
@@ -446,7 +446,7 @@ export const GearView: React.FC = () => {
                 </div>
 
                 {/* Right: Purchase & Docs */}
-                <div className="space-y-6">
+                <div className="space-y-8">
                   {/* Purchase Info */}
                   <Card variant="glass">
                     <h4 className="flex items-center gap-2 font-bold text-white mb-4 border-b border-kodo-steel pb-2">
diff --git a/apps/web/src/components/views/ProfileView.tsx b/apps/web/src/components/views/ProfileView.tsx
index a7e533d98..d2d69c46a 100644
--- a/apps/web/src/components/views/ProfileView.tsx
+++ b/apps/web/src/components/views/ProfileView.tsx
@@ -243,7 +243,7 @@ export const ProfileView: React.FC<ProfileViewProps> = ({ userId }) => {
         </div>
 
         {/* Identity Section */}
-        <div className="px-6 md:px-12 relative z-20 -mt-20 flex flex-col md:flex-row items-end gap-6">
+        <div className="px-6 md:px-12 relative z-20 -mt-20 flex flex-col md:flex-row items-end gap-8">
           <div className="relative shrink-0 group">
             <Avatar
               src={profile.avatar}
diff --git a/apps/web/src/components/views/PurchasesView.tsx b/apps/web/src/components/views/PurchasesView.tsx
index f25a7b6ae..577941462 100644
--- a/apps/web/src/components/views/PurchasesView.tsx
+++ b/apps/web/src/components/views/PurchasesView.tsx
@@ -80,7 +80,7 @@ export const PurchasesView: React.FC = () => {
             <Card
               key={purchase.id}
               variant="default"
-              className="flex flex-col md:flex-row items-center gap-6 p-4"
+              className="flex flex-col md:flex-row items-center gap-8 p-4"
             >
               {/* Image */}
               <div className="w-20 h-20 rounded-lg overflow-hidden flex-shrink-0 bg-kodo-graphite">
diff --git a/apps/web/src/pages/DashboardPage.tsx b/apps/web/src/pages/DashboardPage.tsx
index d30bcafb4..9091ddaf0 100644
--- a/apps/web/src/pages/DashboardPage.tsx
+++ b/apps/web/src/pages/DashboardPage.tsx
@@ -128,7 +128,7 @@ export function DashboardPage() {
   return (
     <div className="space-y-12 pb-12 animate-fade-in">
       {/* Header Section */}
-      <div className="flex flex-col md:flex-row md:items-center justify-between gap-6">
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-8">
         <div className="space-y-2">
           <h1 className="text-2xl font-bold text-white tracking-tight">
             Bienvenue,{' '}