diff --git a/app/assets/stylesheets/alchemy/clipboard.scss b/app/assets/stylesheets/alchemy/clipboard.scss index b8369aeba5..a7194adbb3 100644 --- a/app/assets/stylesheets/alchemy/clipboard.scss +++ b/app/assets/stylesheets/alchemy/clipboard.scss @@ -1,5 +1,4 @@ #clipboard_items { - ul { list-style-type: none; margin: 0 0 8px; @@ -9,7 +8,10 @@ overflow-x: hidden; li { - padding: 2*$default-padding; + display: flex; + align-items: center; + gap: var(--spacing-2); + padding: var(--spacing-2); border: $default-border; background-color: white; border-radius: $default-border-radius; @@ -18,8 +20,9 @@ background-color: $medium-gray; } - > .icon { - margin-right: $default-padding; + .icon_button { + margin-left: auto; + cursor: pointer; } } } diff --git a/app/views/alchemy/admin/clipboard/index.html.erb b/app/views/alchemy/admin/clipboard/index.html.erb index 13d82912ce..786a8947b9 100644 --- a/app/views/alchemy/admin/clipboard/index.html.erb +++ b/app/views/alchemy/admin/clipboard/index.html.erb @@ -1,34 +1,39 @@ -<%- if @clipboard_items.blank? -%> -<%= render_message do %> - <%= Alchemy.t('No items in your clipboard') %> -<% end %> -<%- else -%> -
- +

+ <%= link_to_confirm_dialog Alchemy.t('clear clipboard'), + Alchemy.t('Do you really want to clear the clipboard?'), + alchemy.clear_admin_clipboard_path(remarkable_type: params[:remarkable_type]), + class: 'button' %> +

+
+<% end %>