From 57ef4a9e50efa16de696241c6e121732f174acaa Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Mon, 29 Jun 2026 21:38:43 +0200
Subject: [PATCH] style(notes): constrain public note list to a centered column

Full-bleed rows flung the author/date meta to the far edge on wide
screens. Cap the list and tabs to a 42rem centered column, stack the
meta tight under the title, and drop the button padding on titles.
---
 src/components/PublicNoteList.vue | 15 +++++++++------
 src/views/PublicNoteListView.vue  |  6 ++++++
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/PublicNoteList.vue b/src/components/PublicNoteList.vue
index b68c031..5358718 100644
--- a/src/components/PublicNoteList.vue
+++ b/src/components/PublicNoteList.vue
@@ -45,8 +45,9 @@ defineSlots<{
 
 <style scoped lang="scss">
 ul {
-  padding-left: 1rem;
-  padding-right: 1rem;
+  width: 100%;
+  max-width: 42rem;
+  margin-inline: auto;
 }
 
 li {
@@ -57,17 +58,19 @@ li {
   }
 
   a {
-    padding-left: 0;
+    padding: 0;
+    min-height: 0;
+    height: auto;
     text-align: left;
     font-size: 1.2rem;
     line-height: 1.5rem;
   }
 
   .alias {
-    text-align: right;
+    text-align: left;
     display: flex;
-    justify-content: flex-end;
-    margin-top: 0.5rem;
+    justify-content: flex-start;
+    margin-top: 0.125rem;
   }
 }
 </style>
diff --git a/src/views/PublicNoteListView.vue b/src/views/PublicNoteListView.vue
index 4a6bb5e..cde7b5b 100644
--- a/src/views/PublicNoteListView.vue
+++ b/src/views/PublicNoteListView.vue
@@ -130,6 +130,12 @@ const openProfile = () => {
     gap: 1rem;
   }
 
+  .tabs {
+    width: 100%;
+    max-width: 42rem;
+    margin-inline: auto;
+  }
+
   h1 {
     flex: 1;
     text-align: center;