From d21d73d97c9b5c48d80f966d072dd7fa713202ba Mon Sep 17 00:00:00 2001
From: Thomas von Deyen <thomas@vondeyen.com>
Date: Wed, 13 Dec 2023 22:46:56 +0100
Subject: [PATCH 1/2] Fix image usage info panel icons

They need to be updated after we switched to remixicons.
---
 app/assets/stylesheets/alchemy/image_library.scss | 11 ++++-------
 app/views/alchemy/admin/pictures/_infos.html.erb  |  8 ++------
 2 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/app/assets/stylesheets/alchemy/image_library.scss b/app/assets/stylesheets/alchemy/image_library.scss
index 928d9eba08..10b90bd922 100644
--- a/app/assets/stylesheets/alchemy/image_library.scss
+++ b/app/assets/stylesheets/alchemy/image_library.scss
@@ -180,6 +180,8 @@ $image-overlay-transition-easing: ease-in;
 #pictures_page_list {
   h3 {
     display: flex;
+    align-items: center;
+    gap: $default-padding;
     padding: 4px 8px 0;
     margin: 0;
   }
@@ -194,6 +196,8 @@ $image-overlay-transition-easing: ease-in;
 
     li {
       display: flex;
+      align-items: center;
+      gap: $default-padding;
       padding: 2 * $default-padding;
       border-radius: $default-border-radius;
       white-space: normal;
@@ -201,14 +205,7 @@ $image-overlay-transition-easing: ease-in;
     }
   }
 
-  .icon {
-    padding-top: 3px;
-    text-align: left;
-    width: 7%;
-  }
-
   p {
-    width: 93%;
     margin: 0;
   }
 }
diff --git a/app/views/alchemy/admin/pictures/_infos.html.erb b/app/views/alchemy/admin/pictures/_infos.html.erb
index 9e25ce973a..2fe8a51dcf 100644
--- a/app/views/alchemy/admin/pictures/_infos.html.erb
+++ b/app/views/alchemy/admin/pictures/_infos.html.erb
@@ -26,7 +26,7 @@
           <% if page %>
             <li>
               <h3>
-                <%= render_icon 'file-alt' %>
+                <%= render_icon 'file' %>
                 <p><%= link_to page.name, edit_admin_page_path(page) %></p>
               </h3>
               <ul class="list">
@@ -35,11 +35,7 @@
                     <% page_link = link_to element.display_name_with_preview_text,
                                    edit_admin_page_path(page, anchor: "element_#{element.id}") %>
                     <% ingredients = picture_ingredients.map { |p| Alchemy::IngredientEditor.new(p).translated_role }.to_sentence %>
-                    <% if element.public? %>
-                      <%= render_icon('window-maximize', style: 'regular') %>
-                    <% else %>
-                      <%= render_icon('window-close') %>
-                    <% end %>
+                    <%= render_icon('draggable', style: nil) %>
                     <p>
                       <%== Alchemy.t(:pictures_in_page, page: page_link, pictures: ingredients) %>
                     </p>

From c9a9efa31eab37bc0d8bc0d7c920b55d7f92fdb6 Mon Sep 17 00:00:00 2001
From: Thomas von Deyen <thomas@vondeyen.com>
Date: Thu, 14 Dec 2023 09:37:41 +0100
Subject: [PATCH 2/2] Fix page unlock

We need to replace the tooltip as well.
---
 app/views/alchemy/admin/pages/unlock.js.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/alchemy/admin/pages/unlock.js.erb b/app/views/alchemy/admin/pages/unlock.js.erb
index b8059e766f..31151cdedc 100644
--- a/app/views/alchemy/admin/pages/unlock.js.erb
+++ b/app/views/alchemy/admin/pages/unlock.js.erb
@@ -7,7 +7,7 @@
     locked_page_tab.remove()
   }
   if (locked_page_icon) {
-    locked_page_icon.innerHTML = '<i class="icon ri-file-line ri-fw"></i>'
+    locked_page_icon.outerHTML = '<span class="handle"><i class="icon ri-file-line ri-fw ri-xl"></i></span>'
   }
   Alchemy.growl('<%= flash[:notice] -%>')
 })()