From e791cc680de9c40378043348ddca70902da6d250 Mon Sep 17 00:00:00 2001
From: Eli Bosley <ekbosley@gmail.com>
Date: Tue, 8 Jul 2025 11:55:45 -0400
Subject: [PATCH] fix: header padding regression (#1477)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **Style**
* Improved spacing in the header and user profile components by adding
top and right margins for a cleaner layout.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 web/components/HeaderOsVersion.ce.vue | 2 +-
 web/components/UserProfile.ce.vue     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/HeaderOsVersion.ce.vue b/web/components/HeaderOsVersion.ce.vue
index 40ebadebe..07ffee905 100644
--- a/web/components/HeaderOsVersion.ce.vue
+++ b/web/components/HeaderOsVersion.ce.vue
@@ -78,7 +78,7 @@ const updateOsStatus = computed(() => {
 </script>
 
 <template>
-  <div class="flex flex-col gap-y-2">
+  <div class="flex flex-col gap-y-2 mt-2">
     <a
       :href="unraidLogoHeaderLink.href"
       :title="unraidLogoHeaderLink.title"
diff --git a/web/components/UserProfile.ce.vue b/web/components/UserProfile.ce.vue
index 51acf1b47..ec1c552cf 100644
--- a/web/components/UserProfile.ce.vue
+++ b/web/components/UserProfile.ce.vue
@@ -100,7 +100,7 @@ onMounted(() => {
 <template>
   <div
     id="UserProfile"
-    class="text-foreground relative z-20 flex flex-col h-full gap-y-1"
+    class="text-foreground relative z-20 flex flex-col h-full gap-y-1 mt-2 mr-2"
   >
     <div
       v-if="bannerGradient"