From b525e953cb6c841419e0dc1e140a2a3998080ae8 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 14 Feb 2026 18:40:07 +0100
Subject: [PATCH] fix: some design

---
 CLAUDE.md                      |  2 +-
 _scripts/change-theme-dark.ts  |  2 +-
 _scripts/change-theme-light.ts |  2 +-
 src/views/PublicNoteView.vue   | 59 ++++++++++++++++++----------------
 4 files changed, 35 insertions(+), 30 deletions(-)

diff --git a/CLAUDE.md b/CLAUDE.md
index 880de0c..7576bc8 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -4,7 +4,7 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 
 ## Project Overview
 
-Remanso is a Vue 3 + TypeScript web app that displays markdown notes from GitHub repositories with Zettelkasten-style backlinks. Users access notes via `https://litenote.space/{user}/{repo}`. Supports both public repos (direct access) and private repos (GitHub OAuth).
+Remanso is a Vue 3 + TypeScript web app that displays markdown notes from GitHub repositories with Zettelkasten-style backlinks. Users access notes via `https://remanso.space/{user}/{repo}`. Supports both public repos (direct access) and private repos (GitHub OAuth).
 
 ## Commands
 
diff --git a/_scripts/change-theme-dark.ts b/_scripts/change-theme-dark.ts
index 4d474f8..2fd2d4b 100644
--- a/_scripts/change-theme-dark.ts
+++ b/_scripts/change-theme-dark.ts
@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-// Script pour changer facilement le thème sombre de l'application LiteNote
+// Script pour changer facilement le thème sombre de l'application Remanso
 // Usage: pnpm run theme:dark [theme-name]
 
 import { readFileSync, writeFileSync } from "fs"
diff --git a/_scripts/change-theme-light.ts b/_scripts/change-theme-light.ts
index 14ee7f8..f21f21d 100644
--- a/_scripts/change-theme-light.ts
+++ b/_scripts/change-theme-light.ts
@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-// Script pour changer facilement le thème clair de l'application LiteNote
+// Script pour changer facilement le thème clair de l'application Remanso
 // Usage: pnpm run theme:light [theme-name]
 
 import { readFileSync, writeFileSync } from "fs"
diff --git a/src/views/PublicNoteView.vue b/src/views/PublicNoteView.vue
index 1131254..2393db4 100644
--- a/src/views/PublicNoteView.vue
+++ b/src/views/PublicNoteView.vue
@@ -119,29 +119,29 @@ watch(
       </div>
       <span class="badge badge-accent" v-if="author">{{ author.alias }}</span>
       <article class="note-display" v-html="content"></article>
-    </div>
-    <router-link
-      :to="{ name: 'Home' }"
-      class="button is-small is-white back-button"
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        class="icon icon-tabler icon-tabler-arrow-narrow-left"
-        width="28"
-        height="28"
-        viewBox="0 0 24 24"
-        stroke-width="1.5"
-        stroke="currentColor"
-        fill="none"
-        stroke-linecap="round"
-        stroke-linejoin="round"
+      <router-link
+        :to="{ name: 'Home' }"
+        class="button is-small is-white back-button"
       >
-        <line x1="5" y1="12" x2="19" y2="12" />
-        <line x1="5" y1="12" x2="9" y2="16" />
-        <line x1="5" y1="12" x2="9" y2="8" />
-      </svg>
-      return home
-    </router-link>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          class="icon icon-tabler icon-tabler-arrow-narrow-left"
+          width="28"
+          height="28"
+          viewBox="0 0 24 24"
+          stroke-width="1.5"
+          stroke="currentColor"
+          fill="none"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        >
+          <line x1="5" y1="12" x2="19" y2="12" />
+          <line x1="5" y1="12" x2="9" y2="16" />
+          <line x1="5" y1="12" x2="9" y2="8" />
+        </svg>
+        return home
+      </router-link>
+    </div>
   </div>
 </template>
 
@@ -152,9 +152,10 @@ watch(
 
   .back-button {
     position: absolute;
-    left: 1rem;
-    top: 1rem;
+    left: 1.5rem;
+    top: 0.4rem;
     display: flex;
+    align-items: center;
   }
 
   h1 {
@@ -162,15 +163,19 @@ watch(
   }
 
   .badge {
-    margin-bottom: 1rem;
+    position: absolute;
+    top: 0.4rem;
+    right: 2rem;
   }
 
   .article {
     position: sticky;
-    left: 0;
-    top: 0;
     padding: 0 2rem;
     scrollbar-width: none;
+
+    article {
+      margin-top: 1rem;
+    }
   }
 
   &.content {