From f40a3c57dbe0024f675279df8e235aa68ff7a4c5 Mon Sep 17 00:00:00 2001
From: Dorian <dorian@Dorians-MacBook-Air.local>
Date: Tue, 3 Feb 2026 00:29:32 +0000
Subject: [PATCH] Add mobile margins to header logo and profile

- Logo: ml-2 on mobile (8px left margin)
- Profile: mr-2 on mobile (8px right margin)
- Desktop: ml-0/mr-0 (no extra margins)

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/views/Browse.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/Browse.vue b/src/views/Browse.vue
index 5ca468f..a3ea2f5 100644
--- a/src/views/Browse.vue
+++ b/src/views/Browse.vue
@@ -9,7 +9,7 @@
         <div class="flex items-center justify-between">
           <!-- Logo + Navigation (Left Side) -->
           <div class="flex items-center gap-10">
-            <img src="/assets/images/logo.svg" alt="IndeedHub" class="h-10" />
+            <img src="/assets/images/logo.svg" alt="IndeedHub" class="h-10 ml-2 md:ml-0" />
             
             <!-- Navigation - Next to Logo on Desktop -->
             <nav class="hidden md:flex items-center gap-3">
@@ -73,7 +73,7 @@
             </div>
 
             <!-- Mobile User Avatar + Name (No Dropdown) -->
-            <div class="md:hidden flex items-center gap-2">
+            <div class="md:hidden flex items-center gap-2 mr-2">
               <div class="w-8 h-8 rounded-full bg-gradient-to-br from-orange-500 to-pink-500 flex items-center justify-center text-white text-sm font-semibold">
                 D
               </div>