chore: improve actions header

Author: atinux

src/app/src/components/shared/item/ItemActionsToolbar.vue

@@ -12,7 +12,7 @@ const actions = computed(() => {
 </script>
 
 <template>
-  <div class="flex items-center">
+  <div class="flex items-center -mr-1">
     <UTooltip
       v-for="action in actions"
       :key="action.id"

src/app/src/pages/content.vue

@@ -14,7 +14,7 @@ const isFolderCreationInProgress = computed(() => context.actionInProgress.value
 
 <template>
   <div class="flex flex-col">
-    <div class="flex items-center justify-between gap-2 px-4 py-2 border-b-[0.5px] border-default bg-muted">
+    <div class="flex items-center justify-between gap-2 px-4 py-1 border-b-[0.5px] border-default bg-muted/70">
       <ItemBreadcrumb />
       <ItemActionsToolbar />
     </div>

src/app/src/pages/media.vue

@@ -23,7 +23,7 @@ async function onFileDrop(event: DragEvent) {
 
 <template>
   <div class="flex flex-col">
-    <div class="flex items-center justify-between gap-2 px-4 py-2 border-b-[0.5px] border-default bg-muted">
+    <div class="flex items-center justify-between gap-2 px-4 py-1 border-b-[0.5px] border-default bg-muted/70">
       <ItemBreadcrumb />
       <ItemActionsToolbar />
     </div>