From 86ec2959fbdbfbc2c1f479b36200ea9478611b7c Mon Sep 17 00:00:00 2001
From: Adrien Maston <adrien@37signals.com>
Date: Wed, 17 Dec 2025 12:55:58 +0100
Subject: [PATCH] Move pins perma panel out of turbo frame

---
 app/assets/stylesheets/pins.css  |  6 ------
 app/assets/stylesheets/trays.css |  4 ----
 app/views/my/pins/index.html.erb | 10 ++++++----
 3 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/app/assets/stylesheets/pins.css b/app/assets/stylesheets/pins.css
index a4328b047..fbecaf912 100644
--- a/app/assets/stylesheets/pins.css
+++ b/app/assets/stylesheets/pins.css
@@ -1,11 +1,5 @@
-
 @layer components {
-  /* Pins list
-  /* ------------------------------------------------------------------------ */
-
   .pins-list {
     --panel-size: 45ch;
-
-    display: flex;
   }
 }
diff --git a/app/assets/stylesheets/trays.css b/app/assets/stylesheets/trays.css
index 2587cd19d..949208bd4 100644
--- a/app/assets/stylesheets/trays.css
+++ b/app/assets/stylesheets/trays.css
@@ -341,10 +341,6 @@
     inset-inline: var(--tray-margin) auto;
     view-transition-name: tray-pins;
 
-    .pins-list {
-      display: contents;
-    }
-
     #footer:has(.bar__placeholder[hidden]) & {
       inset-inline-start: -100%;
     }
diff --git a/app/views/my/pins/index.html.erb b/app/views/my/pins/index.html.erb
index 2e346a3f2..c162f1e45 100644
--- a/app/views/my/pins/index.html.erb
+++ b/app/views/my/pins/index.html.erb
@@ -1,5 +1,7 @@
-<%= turbo_frame_tag "pins" do %>
-  <div class="pins-list panel panel--wide center borderless unpad flex-column gap-half">
+<% @page_title = "Pinned" %>
+
+<div class="pins-list panel panel--wide flex center borderless unpad flex-column gap-half">
+  <%= turbo_frame_tag "pins" do %>
     <%= render partial: "my/pins/pin", collection: @pins %>
-  </div>
-<% end %>
+  <% end %>
+</div>