blacklight-spotlight 3.0.0.alpha.2 → 3.0.0.alpha.3

data/app/views/spotlight/browse/index.html.erb

@@ -1,5 +1,6 @@
-<% set_html_page_title %>
-<h1 class="sr-only"><%= t :'.header' %></h1>
+<% title = current_exhibit.main_navigations.browse.label_or_default %>
+<% set_html_page_title(title) %>
+<h1 class="sr-only"><%= title %></h1>
 
 <div class="browse-landing row">
   <%= render collection: @searches, partial: 'spotlight/browse/search' %>

data/app/views/spotlight/catalog/_admin_thumbnail_default.html.erb

@@ -1,4 +1,4 @@
-<%- if has_thumbnail?(document) && tn = render_thumbnail_tag(document, {}, :counter => document_counter_with_offset(document_counter)) %>
+<%- if has_thumbnail?(document) && tn = render_thumbnail_tag(document, { alt: '' }, 'aria-hidden': true, tabindex: -1, counter: document_counter_with_offset(document_counter)) %>
   <div class="document-thumbnail spotlight-admin-thumbnail">
     <%= tn %>
   </div>

data/app/views/spotlight/catalog/_document_admin_table.html.erb

@@ -2,7 +2,7 @@
 <table id="documents" class="table">
   <thead>
     <tr>
-      <th></th>
+      <th class="thumbnail-column"></th>
       <th scope="col"><%= t(:'spotlight.catalog.fields.title') %></th>
       <th scope="col" class="text-nowrap"><%= t(:'spotlight.catalog.fields.date_added') %></th>
       <th scope="col" class="checkbox-toggle"><%= t(:'spotlight.catalog.fields.visibility') %></th>

data/app/views/spotlight/contacts/_form.html.erb

@@ -14,9 +14,9 @@
       <div>
         <%= af.radio_button(:source, :remote, label: t(:'.source.remote.label')) %>
         <%= iiif_upload_tag(af) %>
-        <span class="help-block">
+        <small class="form-text text-muted">
           <%= t(:'.source.remote.help') %>
-        </span>
+        </small>
       </div>
 
       <%= iiif_cropper_tags af, initial_crop_selection: Spotlight::Engine.config.contact_square_size %>

data/app/views/spotlight/custom_fields/form_group/_text.html.erb

@@ -1,14 +1,23 @@
-<div class="form-group">
+<% inline = local_assigns[:inline].presence %>
+<% label_col = f&.label_col %>
+<% control_col = f&.control_col %>
+<% offset_col = label_col.sub('col', 'offset') %>
+
+<div class="form-group <%= "row" if inline %>">
   <% Array(value || '').each_with_index do |v, index| %>
-    <%= f.label field.slug, field.label, namespace: "f#{index}",class: "control-label #{'sr-only' if index > 0}" %>
-    <%= f.text_area_without_bootstrap field.slug, namespace: "f#{index}",multiple: field.is_multiple?, value: v, class: "form-control field-#{field.slug}", readonly: field.readonly_field? %>
+    <%= f.label field.slug, field.label, namespace: "f#{index}", class: "control-label #{label_col if inline} #{'sr-only' if index > 0}" %>
+    <div class="mb-3 <%= control_col if inline %>">
+      <%= f.text_area_without_bootstrap field.slug, namespace: "f#{index}",multiple: field.is_multiple?, value: v, class: "form-control field-#{field.slug}", readonly: field.readonly_field? %>
+    </div>
   <% end %>
 
   <% if field.is_multiple? && !field.readonly_field? %>
     <%= content_tag :template, id: "spotlight-field-template-#{field.slug}" do %>
-      <%= f.label field.slug, field.label, class: 'control-label sr-only' %>
-      <%= f.text_area_without_bootstrap field.slug, multiple: field.is_multiple?, value: nil, class: "form-control field-#{field.slug}" %>
+      <%= f.label field.slug, field.label, class: "control-label #{label_col if inline} sr-only" %>
+      <div class="mb-3 <%= "#{offset_col} #{control_col}" if inline %>">
+        <%= f.text_area_without_bootstrap field.slug, multiple: field.is_multiple?, value: nil, class: "form-control field-#{field.slug}" %>
+      </div>
     <% end %>
-    <%= content_tag :button, t('helpers.action.add_another'), class: 'btn btn-info', data: { action: 'add-another', template_id: "spotlight-field-template-#{field.slug}" } %>
+    <%= content_tag :button, t('helpers.action.add_another'), class: 'btn btn-info btn-sm h-100', data: { action: 'add-another', template_id: "spotlight-field-template-#{field.slug}" } %>
   <% end %>
 </div>

data/app/views/spotlight/custom_fields/form_group/_vocab.html.erb

@@ -1,14 +1,23 @@
-<div class="form-group">
+<% inline = local_assigns[:inline].presence %>
+<% label_col = f&.label_col %>
+<% control_col = f&.control_col %>
+<% offset_col = label_col.sub('col', 'offset') %>
+
+<div class="form-group <%= "row" if inline %>">
   <% Array(value || '').each_with_index do |v, index| %>
-    <%= f.label field.slug, field.label, namespace: "f#{index}", class: "control-label #{'sr-only' if index > 0}" %>
-    <%= f.text_field_without_bootstrap field.slug, namespace: "f#{index}", multiple: field.is_multiple?, value: v, class: "form-control field-#{field.slug}", readonly: field.readonly_field? %>
+    <%= f.label field.slug, field.label, namespace: "f#{index}", class: "control-label #{label_col if inline} #{'sr-only' if index > 0}" %>
+    <div class="mb-3 <%= control_col if inline %>">
+      <%= f.text_field_without_bootstrap field.slug, namespace: "f#{index}", multiple: field.is_multiple?, value: v, class: "form-control field-#{field.slug}", readonly: field.readonly_field? %>
+    </div>
   <% end %>
 
   <% if field.is_multiple? && !field.readonly_field? %>
     <%= content_tag :template, id: "spotlight-field-template-#{field.slug}" do %>
-      <%= f.label field.slug, field.label, class: 'control-label sr-only' %>
-      <%= f.text_field_without_bootstrap field.slug, multiple: field.is_multiple?, value: nil, class: "form-control field-#{field.slug}" %>
+      <%= f.label field.slug, field.label, class: "control-label #{label_col if inline} sr-only" %>
+      <div class="mb-3 <%= "#{offset_col} #{control_col}" if inline %>">
+        <%= f.text_field_without_bootstrap field.slug, multiple: field.is_multiple?, value: nil, class: "form-control field-#{field.slug}" %>
+      </div>
     <% end %>
-    <%= content_tag :button, t('helpers.action.add_another'), class: 'btn btn-info', data: { action: 'add-another', template_id: "spotlight-field-template-#{field.slug}" } %>
+    <%= content_tag :button, t('helpers.action.add_another'), class: 'btn btn-info btn-sm h-100', data: { action: 'add-another', template_id: "spotlight-field-template-#{field.slug}" } %>
   <% end %>
 </div>

data/app/views/spotlight/custom_search_fields/edit.html.erb

@@ -1,5 +1,5 @@
-<%= render 'spotlight/shared/exhibit_sidebar' %>
-<div id="content" class="col-md-9">
-  <%= configuration_page_title %>
-  <%= render 'form' %>
-</div>
+<% content_for(:sidebar) do %>
+  <%= render 'spotlight/shared/exhibit_sidebar' %>
+<% end %>
+<%= configuration_page_title %>
+<%= render 'form' %>

data/app/views/spotlight/custom_search_fields/new.html.erb

@@ -1,5 +1,5 @@
-<%= render 'spotlight/shared/exhibit_sidebar' %>
-<div id="content" class="col-md-9">
-  <%= configuration_page_title %>
-  <%= render 'form' %>
-</div>
+<% content_for(:sidebar) do %>
+  <%= render 'spotlight/shared/exhibit_sidebar' %>
+<% end %>
+<%= configuration_page_title %>
+<%= render 'form' %>

data/app/views/spotlight/dashboards/_analytics.html.erb

@@ -1,5 +1,5 @@
 <%= cache current_exhibit, expires_in: 1.hour do %>
-  <h3><%= t :'.monthly_header' %></h3>
+  <h2><%= t :'.monthly_header' %></h2>
   <table class="table analytics">
     <tr>
     <% current_exhibit.analytics_provider.metrics.elements.each do |e| %>

data/app/views/spotlight/dashboards/_page_activity.html.erb

@@ -1,4 +1,4 @@
-<h3><%= t :'.header' %></h3>
+<h2><%= t :'.header' %></h2>
 
 <% unless @pages.empty? %>
   <table class="table table-striped">

data/app/views/spotlight/dashboards/_reindexing_activity.html.erb

@@ -1,4 +1,4 @@
-<h3><%= t :'.header' %></h3>
+<h2><%= t :'.header' %></h2>
 
 <% unless @recent_reindexing.empty? %>
   <table class="table table-striped">

data/app/views/spotlight/dashboards/_solr_document_activity.html.erb

@@ -1,4 +1,4 @@
-<h3><%= t :'.header' %></h3>
+<h2><%= t :'.header' %></h2>
 
 <% unless @solr_documents.empty? %>
   <%= render partial: 'spotlight/catalog/document_admin_table', locals: { documents: @solr_documents } %>

data/app/views/spotlight/exhibits/_contact.html.erb

@@ -1,7 +1,7 @@
         <div class="row contact">
           <%= contact.hidden_field :id %>
           <div class="col-md-8<%= ' has-error' if contact.object.errors[:email].present? %>">
-            <%= text_field_tag "#{contact.object_name}[email]", contact.object.email, class: 'exhibit-contact form-control' %>
+            <%= text_field_tag "#{contact.object_name}[email]", contact.object.email, class: 'exhibit-contact form-control', id: "exhibit_contact_email_#{contact.index}", 'aria-label': t('.email_input_aria_label', index: contact.index + 1) %>
             <% if contact.object.errors[:email].present? %>
               <small class="form-text text-muted"><%=contact.object.errors[:email].join(", ".html_safe) %></small>
             <% end %>

data/app/views/spotlight/exhibits/_delete.html.erb

@@ -1,8 +1,8 @@
 <div role="tabpanel" class="tab-pane" id="delete">
   <div class="alert alert-danger">
-    <h4 class="alert-heading"><%= t(:".heading") %></h4>
+    <h2 class="alert-heading h4"><%= t(:".heading") %></h2>
     <div class="row">
-      <p class='col-9'><%= t(:".warning_html", export_link: link_to(t(:'spotlight.exhibits.export.download'), spotlight.import_exhibit_path(current_exhibit))) %></p>
+      <p class='col-9'><%= t(:".warning_html", export_link: link_to(t(:'spotlight.exhibits.export.download'), spotlight.edit_exhibit_path(current_exhibit, anchor: 'export'))) %></p>
       <div class='col-3'>
         <%= delete_link current_exhibit, class: 'btn btn-secondary' %>
       </div>

data/app/views/spotlight/exhibits/_exhibit_card.html.erb

@@ -1,9 +1,9 @@
 <div class="col-12 col-sm-6 col-md-4 exhibit-card">
   <div class="flipper">
-    <div class="card-front card-face">
+    <div class="card card-face card-front">
       <%= render 'exhibit_card_front', exhibit: exhibit %>
     </div>
-    <div class="card-back card-face">
+    <div class="card card-face card-back">
       <%= render 'exhibit_card_back', exhibit: exhibit %>
     </div>
   </div>

data/app/views/spotlight/exhibits/_exhibit_card_back.html.erb

@@ -1,23 +1,25 @@
-<h2 class="card-title">
-  <%= exhibit.title %>
-</h2>
+<div class="card-body">
+  <h2 class="card-title h5 text-center">
+    <%= exhibit.title %>
+  </h2>
 
-<p class="subtitle">
-  <%= exhibit.subtitle %>
-</p>
-
-<% if exhibit.description %>
-  <p class="description">
-    <%= truncated_description = exhibit.description.truncate(168, omission: '', separator: ' ') %>
-    <% if exhibit.description.length > 168 %>
-      <%= content_tag(:span,"&hellip;".html_safe, class: "d-sm-block d-md-block") %>
-      <span class="d-sm-none d-md-none">
-        <%= exhibit.description.slice(truncated_description.length, exhibit.description.length) %>
-      </span>
-    <% end %>
+  <p class="subtitle">
+    <%= exhibit.subtitle %>
   </p>
-<% end %>
 
-<div class="visit-exhibit center-btn">
-  <%= link_to t(:'.visit_exhibit'), exhibit, class: "btn btn-primary", role: "button" %>
+  <% if exhibit.description %>
+    <p class="description">
+      <%= truncated_description = exhibit.description.truncate(168, omission: '', separator: ' ') %>
+      <% if exhibit.description.length > 168 %>
+        <%= content_tag(:span,"&hellip;".html_safe, class: "d-sm-block d-md-block") %>
+        <span class="d-sm-none d-md-none">
+          <%= exhibit.description.slice(truncated_description.length, exhibit.description.length) %>
+        </span>
+      <% end %>
+    </p>
+  <% end %>
+
+  <div class="visit-exhibit center-btn">
+    <%= link_to t(:'.visit_exhibit'), exhibit, class: "btn btn-primary", role: "button" %>
+  </div>
 </div>

data/app/views/spotlight/exhibits/_exhibit_card_front.html.erb

@@ -1,11 +1,13 @@
 <% if exhibit.thumbnail.present? && exhibit.thumbnail.iiif_url %>
-  <%= image_tag(exhibit.thumbnail.iiif_url) %>
+  <%= image_tag(exhibit.thumbnail.iiif_url, class: 'card-img-top') %>
 <% else %>
-  <%= image_tag 'spotlight/default_thumbnail.jpg', class: 'default-thumbnail' %>
+  <%= image_tag 'spotlight/default_thumbnail.jpg', class: 'card-img-top default-thumbnail' %>
 <% end %>
 
 <% unless exhibit.published? %>
   <div class="badge badge-warning unpublished"><%= t('.unpublished') %></div>
 <% end %>
 
-<h2 class="exhibit-card-title"><%= exhibit.title %></h2>
+<div class="card-body">
+  <h2 class="card-title h5 text-center"><%= exhibit.title %></h2>
+</div>

data/app/views/spotlight/exhibits/_exhibits.html.erb

@@ -1,5 +1,3 @@
-<% exhibits.each_slice(3).each do |row| %>
-  <div class="row no-gutters"><!-- start main content row -->
-    <%= render collection: row, partial: 'exhibit_card', as: 'exhibit' %>
-  </div>
-<% end %>
+<div class="row no-gutters">
+  <%= render collection: exhibits, partial: 'exhibit_card', as: 'exhibit' %>
+</div>

data/app/views/spotlight/exhibits/_form.html.erb

@@ -4,14 +4,14 @@
   <%= f.text_field :subtitle %>
   <%= f.text_area :description %>
   <%= f.text_field :tag_list, value: f.object.tag_list.to_s %>
-  <%= f.form_group(:contact_emails, label: { text: nil, class: nil }, help: nil) do %>
+  <%= f.form_group(:contact_emails, label: { text: nil, class: nil, for: 'exhibit_contact_email_0' }, help: nil) do %>
     <%= f.fields_for :contact_emails do |contact| %>
       <%= render partial: 'contact', locals: {exhibit: @exhibit, contact: contact} %>
     <% end %>
-    <span id='another-email' class="btn btn-sm btn-info"><%= t('.add_contact_email_button') %></span>
+    <button id='another-email' class="btn btn-sm btn-info"><%= t('.add_contact_email_button') %></button>
     <small class="form-text text-muted"><%= t(:'.fields.contact_emails.help_block') %></small>
   <% end %>
-  <%= f.form_group :published, label: { text: nil, class: nil }, help: nil do %>
+  <%= f.form_group :published, label: { text: nil, class: 'pt-0' }, help: nil do %>
     <%= f.check_box :published, label: "" %>
     <small class="form-text text-muted"><%= t(:'.fields.published.help_block') %></small>
   <% end %>

data/app/views/spotlight/exhibits/_languages.html.erb

@@ -1,15 +1,17 @@
 <div role="tabpanel" class="tab-pane <%= 'active' if @tab == 'language' %>" id="language">
   <p class="instructions"><%= t :'spotlight.exhibits.languages.selection_instructions' %></p>
 
-  <%= bootstrap_form_for [current_exhibit, Spotlight::Language.new], layout: :horizontal, label_col: "col-sm-3", control_col: "col-sm-9" do |f| %>
-    <div class='col-md-6'>
+  <%= bootstrap_form_for [current_exhibit, Spotlight::Language.new], layout: :horizontal, html: { class: 'row' }, label_col: "col-sm-3", control_col: "col-sm-9" do |f| %>
+    <div class='col-sm-6'>
       <%= f.select('locale', add_exhibit_language_dropdown_options, prompt: t('.selection_prompt')) %>
       <%= hidden_field_tag :tab, 'language' %>
     </div>
-    <%= f.submit nil, class: 'btn btn-primary' %>
+    <div class='col-sm-6'>
+      <%= f.submit nil, class: 'btn btn-primary' %>
+    </div>
   <% end %>
 
-  <h3 class="mt-4"><%= t :'spotlight.exhibits.languages.current_header' %></h3>
+  <h2 class="mt-4"><%= t :'spotlight.exhibits.languages.current_header' %></h2>
 
   <% if current_exhibit.languages.any? && current_exhibit.languages.last.persisted? %>
     <p class="instructions"><%= t :'spotlight.exhibits.languages.current_instructions' %></p>

data/app/views/spotlight/feature_pages/_header.html.erb

@@ -1,17 +1,17 @@
 <%= f.fields_for "home_page" do |p| %>
   <% page = p.object %>
   <div class="home_page">
-    <h3><%= t('spotlight.pages.index.feature_pages.home_pages_header') %></h3>
-    <div class="card container">
-      <div class="card-body bg-light page main row">
-        <div class="col-sm-8">
+    <h2><%= t('spotlight.pages.index.feature_pages.home_pages_header') %></h2>
+    <div class="card d-flex">
+      <div class="card-body d-flex bg-light page main">
+        <div class="flex-grow-1 align-self-center">
           <%= p.hidden_field :id, value: page.id , class: 'form-control form-control-sm' %>
           <h3 class="h6 card-title" data-in-place-edit-target=".edit-in-place" data-in-place-edit-field-target="[data-edit-field-target='true']">
             <a href="#edit-in-place" class="field-label edit-in-place"><%= page.title %></a>
             <%= p.hidden_field :title, value: page.title , class: 'form-control form-control-sm title-field', data: {:"edit-field-target" => 'true'} %>
           </h3>
         </div>
-        <div class="col-sm-4 page-links">
+        <div class="page-links">
           <%= exhibit_view_link page, exhibit_root_path(page.exhibit), class: 'btn btn-link' %> &middot;
           <%= exhibit_edit_link page, edit_exhibit_home_page_path(page.exhibit), class: 'btn btn-link', data: { turbolinks: false } %>
         </div>

data/app/views/spotlight/feature_pages/_sidebar.html.erb

@@ -2,7 +2,7 @@
   <ol class="nav sidenav flex-column">
     <% @exhibit.feature_pages.for_locale.published.at_top_level.each do |feature_section| %>
       <li class="<%= 'active' if current_page? [spotlight, @exhibit, feature_section] %>">
-        <%= link_to_unless_current feature_section.title, [spotlight, @exhibit, feature_section] %>
+        <h2 class="h6"><%= link_to_unless_current feature_section.title, [spotlight, @exhibit, feature_section] %></h2>
         <ol class="subsection">
           <% feature_section.child_pages.published.each do |page| %>
             <li class="<%= 'active' if current_page? [spotlight, @exhibit, page] %>"><%= link_to_unless_current page.title, [spotlight, @exhibit, page] %></li>

data/app/views/spotlight/featured_images/_form.html.erb

@@ -24,9 +24,9 @@
   <div>
     <%= f.radio_button(:source, :remote, label: t(:'.source.remote.label')) %>
     <%= iiif_upload_tag(f) %>
-    <span class="help-block">
+    <small class="form-text text-muted">
       <%= t(:'.source.remote.help') %>
-    </span>
+    </small>
   </div>
 <% end %>
 <%= field_set_tag(t(:'.source.remote.header')) do %>

data/app/views/spotlight/featured_images/_upload_form.html.erb

@@ -6,9 +6,9 @@
   <div>
     <%= f.hidden_field(:source, value: :remote, label: t(:'.source.remote.label')) %>
     <%= iiif_upload_tag(f) %>
-    <span class="help-block">
+    <small class="form-text text-muted">
       <%= t(:'.source.remote.help') %>
-    </span>
+    </small>
   </div>
 <% end %>
 <%= field_set_tag(t(:'.source.remote.header')) do %>

data/app/views/spotlight/home_pages/_edit_page_link.html.erb

@@ -1 +1 @@
-<%= exhibit_edit_link @page, edit_exhibit_home_page_path(@page.exhibit), class: 'edit-button float-right btn btn-primary', data: { turbolinks: false } %>
+<%= exhibit_edit_link @page, spotlight.edit_exhibit_home_page_path(@page.exhibit), class: 'edit-button float-right btn btn-primary', data: { turbolinks: false } %>

data/app/views/spotlight/metadata_configurations/edit.html.erb

@@ -4,7 +4,7 @@
 
 <%= configuration_page_title %>
 <%= bootstrap_form_for @blacklight_configuration, url: spotlight.exhibit_metadata_configuration_path(@exhibit), layout: :horizontal, label_col: 'col-md-3 col-sm-3', control_col: 'col-md-5 col-sm-5' do |f| %>
-    <h3><%= t(:'.order_header') %></h3>
+    <h2><%= t(:'.order_header') %></h2>
 
     <p class="instructions"><%= t :'.instructions' %></p>
 
@@ -45,7 +45,7 @@
 <% end %>
 
 
-    <h3 class="mt-4"><%= t(:'.exhibit_specific.header') %></h3>
+    <h2 class="mt-4"><%= t(:'.exhibit_specific.header') %></h2>
     <p class="instructions"><%= t(:'.exhibit_specific.instructions') %></p>
 
     <table class="table table-striped" id="exhibit-specific-fields">

data/app/views/spotlight/pages/_order_pages.html.erb

@@ -2,7 +2,7 @@
 <%= bootstrap_form_for @exhibit, url: polymorphic_path([:update_all, @exhibit, page_collection_name]), layout: :horizontal, control_col: 'col-sm-10', html: {:'data-form-observer' => true} do |f| %>
 
     <%= render partial: 'header', locals: {f: f} %>
-    <h3><%= t :'.pages_header' %></h3>
+    <h2 class="mt-4"><%= t :'.pages_header' %></h2>
     <p class="instructions"><%= t :'.instructions' %></p>
     <div class="panel-group dd <%= page_collection_name %>_admin" id="nested-pages" data-behavior="nestable" <%= nestable_data_attributes(page_collection_name).html_safe %> >
       <ol class="dd-list">

data/app/views/spotlight/pages/_page.html.erb

@@ -1,30 +1,30 @@
 <% page = f.object %>
 <li class="dd-item dd3-item" data-id="<%= page.id %>">
-  <div class="dd3-content card page-admin">
+  <div class="dd3-content card page-admin d-flex">
     <div class="dd-handle dd3-handle"><%= t :drag %></div>
-      <div class="card-body main row page">
-        <div class="col-sm-8">
-          <%= f.hidden_field :id %>
-          <%= f.hidden_field :weight, data: {property: "weight"} %>
-          <h3 class="h6 card-title">
-            <span class="publish-control">
-              <%= f.check_box :published, inline: true, hide_label: true %>
-            </span>
-            <span class="d-inline-block w-75" data-in-place-edit-target=".edit-in-place" data-in-place-edit-field-target="[data-edit-field-target='true']">
-              <a href="#edit-in-place" class="field-label edit-in-place"><%= page.title %></a>
-              <%= f.hidden_field :title, value: page.title , class: 'form-control form-control-sm title-field', data: {:"edit-field-target" => 'true'} %>
-            </span>
-          </h3>
-        </div>
+    <div class="card-body page d-flex justify-content-between">
+      <div class="flex-grow-1">
+        <%= f.hidden_field :id %>
+        <%= f.hidden_field :weight, data: {property: "weight"} %>
+        <h3 class="h6 card-title">
+          <span class="publish-control">
+            <%= f.check_box :published, inline: true, hide_label: true %>
+          </span>
+          <span class="d-inline-block w-75" data-in-place-edit-target=".edit-in-place" data-in-place-edit-field-target="[data-edit-field-target='true']">
+            <a href="#edit-in-place" class="field-label edit-in-place"><%= page.title %></a>
+            <%= f.hidden_field :title, value: page.title , class: 'form-control form-control-sm title-field', data: {:"edit-field-target" => 'true'} %>
+          </span>
+        </h3>
+      </div>
 
-        <div class="page-links col-sm-4">
-          <%= exhibit_view_link page, :class => 'btn btn-link' %> &middot;
-          <%= exhibit_edit_link page, :class => 'btn btn-link', data: { turbolinks: false } %> &middot;
-          <%= exhibit_delete_link page, :class => 'btn btn-link' %>
-        </div>
-        <%- if page.feature_page? -%>
-          <%= f.hidden_field :parent_page_id, data: {property: "parent_page"} %>
-        <% end %>
+      <div class="page-links">
+        <%= exhibit_view_link page, :class => 'btn btn-link' %> &middot;
+        <%= exhibit_edit_link page, :class => 'btn btn-link', data: { turbolinks: false } %> &middot;
+        <%= exhibit_delete_link page, :class => 'btn btn-link' %>
+      </div>
+      <%- if page.feature_page? -%>
+        <%= f.hidden_field :parent_page_id, data: {property: "parent_page"} %>
+      <% end %>
     </div>
   </div>