Tools and metadata beside one another

app/components/blacklight/document/show_tools_component.html.erb

@@ -1,13 +1,9 @@
 
-<div class="dropdown document-tools-btn">
-  <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-    <%= t('blacklight.tools.title') %>
-  </button>
-  <%= render Blacklight::Document::ActionsComponent.new(document: document,
-                                                        tag: 'ul',
-                                                        classes: 'dropdown-menu',
-                                                        wrapping_tag: 'li',
-                                                        wrapping_classes: 'dropdown-item',
-                                                        actions: actions,
-                                                        url_opts: Blacklight::Parameters.sanitize(params.to_unsafe_h)) %>
-</div>
+<%= render Blacklight::Document::ActionsComponent.new(document: document,
+  tag: 'ul',
+  classes: 'list-group list-group-flush',
+  wrapping_tag: 'li',
+  wrapping_classes: 'list-group-item',
+  actions: actions,
+  url_opts: Blacklight::Parameters.sanitize(params.to_unsafe_h)) %>
+

app/components/blacklight/document/tools_dropdown_component.html.erb

@@ -0,0 +1,13 @@
+
+<div class="dropdown document-tools-btn">
+  <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+    <%= t('blacklight.tools.title') %>
+  </button>
+  <%= render Blacklight::Document::ActionsComponent.new(document: document,
+                                                        tag: 'ul',
+                                                        classes: 'dropdown-menu',
+                                                        wrapping_tag: 'li',
+                                                        wrapping_classes: 'dropdown-item',
+                                                        actions: actions,
+                                                        url_opts: Blacklight::Parameters.sanitize(params.to_unsafe_h)) %>
+</div>

app/components/blacklight/document/tools_dropdown_component.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module Blacklight
+  module Document
+    # Render the tools that display on the sidebar of the show page
+    class ShowToolsComponent < Blacklight::Component
+      # @param [Blacklight::Document] document
+      def initialize(document:)
+        @document = document
+      end
+
+      attr_reader :document
+
+      def render?
+        helpers.show_doc_actions?
+      end
+
+      def actions
+        helpers.document_actions(document)
+      end
+    end
+  end
+end

app/components/blacklight/document_component.html.erb

@@ -13,17 +13,24 @@
   <% else %>
     <div class="document-main-section container-xxl">
       <br/>
-      <%= render(Blacklight::Document::SidebarComponent.new(presenter: @presenter)) %>
       <%= title %>
       <% if @component.to_s == 'div' %>
         <%= render(ViewerComponent.new(documentId: @document.id, prefix: 'oocihm')) %>
       <% end %>
       <%= embed %>
       <%= content %>
-      <%= metadata %>
-      <% metadata_sections.each do |section| %>
-        <%= section %>
-      <% end %>
+
+      <div class="row gx-3 gy-1 align-items-center">
+        <div class="col-auto">
+          <%= metadata %>
+          <% metadata_sections.each do |section| %>
+            <%= section %>
+          <% end %>
+        </div>
+        <div class="col-sm-3">
+          <%= render(Blacklight::Document::SidebarComponent.new(presenter: @presenter)) %>
+        </div>
+      </div>
 
       <% partials.each do |partial| %>
         <%= partial %>