From 16efd8c63798a0b5b583d4c39cca8591285272fc Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Mon, 16 Mar 2026 23:22:25 +0100
Subject: [PATCH] design: better header and subheader

---
 src/views/PublicNoteView.vue | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/views/PublicNoteView.vue b/src/views/PublicNoteView.vue
index 697aa9b..c622486 100644
--- a/src/views/PublicNoteView.vue
+++ b/src/views/PublicNoteView.vue
@@ -129,29 +129,30 @@ watch(
           :prefer-fallback="false"
         />
 
+        <theme-swap />
+      </div>
+      <div class="subheader">
         <span
           class="badge badge-author badge-soft badge-accent"
           v-if="author && content"
         >
+          <template v-if="language">
+            <span>{{ language }}</span>
+            <span>&nbsp;•&nbsp;</span>
+          </template>
           <router-link
             :to="{ name: 'PublicNoteListByDidView', params: { did: did } }"
             class="link link-hover"
           >
             {{ author.handle }}
           </router-link>
-          <template v-if="language">
-            <span>&nbsp;•&nbsp;</span>
-            <span>{{ language }}</span>
-          </template>
           <template v-if="publishedAt">
             <span>&nbsp;•&nbsp;</span>
             <span>{{ publishedAt }}</span>
           </template>
         </span>
         <div class="badge skeleton h-4 w-50" v-else></div>
-        <theme-swap />
       </div>
-      <div class="meta"></div>
       <div class="repo-title-breadcrumb">
         <a
           class="title-stacked-note-link"
@@ -187,6 +188,10 @@ watch(
     gap: 1rem;
   }
 
+  .subheader {
+    margin: 1rem auto 0;
+  }
+
   h1 {
     font-size: 2rem;
   }