fix: header padding regression (#1477)

elibosley · web-flow · commit e791cc680de9 · 2025-07-08T11:55:45.000-04:00
&lt;!-- This is an auto-generated comment: release notes by coderabbit.ai
--&gt;

## Summary by CodeRabbit

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

&lt;!-- end of auto-generated comment: release notes by coderabbit.ai --&gt;
diff --git 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
@@ -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"

Original file line number	Diff line number	Diff line change
`@@ -100,7 +100,7 @@ onMounted(() => {`
`100`	`100`	`<template>`
`101`	`101`	`<div`
`102`	`102`	`id="UserProfile"`
`103`		`- class="text-foreground relative z-20 flex flex-col h-full gap-y-1"`
	`103`	`+ class="text-foreground relative z-20 flex flex-col h-full gap-y-1 mt-2 mr-2"`
`104`	`104`	`>`
`105`	`105`	`<div`
`106`	`106`	`v-if="bannerGradient"`