diff --git a/app/assets/stylesheets/modules/managed_purl_panel.scss b/app/assets/stylesheets/modules/managed_purl_panel.scss index 996fdf24e..a6ebf126c 100644 --- a/app/assets/stylesheets/modules/managed_purl_panel.scss +++ b/app/assets/stylesheets/modules/managed_purl_panel.scss @@ -1,5 +1,4 @@ .managed-purl { - @include show-page-row-layout; ul { list-style: none; padding-left: 0; diff --git a/app/assets/stylesheets/modules/record-metadata-section.scss b/app/assets/stylesheets/modules/record-metadata-section.scss index a6e37672d..447f3177e 100644 --- a/app/assets/stylesheets/modules/record-metadata-section.scss +++ b/app/assets/stylesheets/modules/record-metadata-section.scss @@ -11,8 +11,6 @@ .record-metadata, .upper-record-metadata, .purl-embed-viewer { - @include show-page-row-layout; - .section-heading { h3 { color: $stone; diff --git a/app/assets/stylesheets/modules/side-nav-minimap.scss b/app/assets/stylesheets/modules/side-nav-minimap.scss index 1ef4d3eaa..a9bbd02c0 100644 --- a/app/assets/stylesheets/modules/side-nav-minimap.scss +++ b/app/assets/stylesheets/modules/side-nav-minimap.scss @@ -1,3 +1,10 @@ +$mini-button-width: 35px; + +// Make room for the mini-menu in the right margin +#main-container > .row { + margin-right: calc(-#{$grid-gutter-width} * .5 + #{$mini-button-width}); +} + .side-nav-minimap { background-color: transparent; list-style-type: none; @@ -28,7 +35,7 @@ button { background-color: $sul-side-nav-minimap-background-color; border: none; - height: 35px; + height: $mini-button-width; padding: 0; text-align: right; width: 100%; @@ -47,7 +54,7 @@ i.fa, .sul-icon { display: inline-block; text-align: center; - width: 35px; + width: $mini-button-width; } } diff --git a/app/assets/stylesheets/searchworks-mixins.scss b/app/assets/stylesheets/searchworks-mixins.scss index 978757a10..a0111b84e 100644 --- a/app/assets/stylesheets/searchworks-mixins.scss +++ b/app/assets/stylesheets/searchworks-mixins.scss @@ -56,10 +56,6 @@ color: $font-color; } -@mixin show-page-row-layout { - margin-right: 25px; -} - @mixin link-styling { border-bottom: 1px solid $sul-link-color-hover; } diff --git a/app/views/catalog/_managed_purl_embed.html.erb b/app/views/catalog/_managed_purl_embed.html.erb index 7e7c8881f..e1f63016e 100644 --- a/app/views/catalog/_managed_purl_embed.html.erb +++ b/app/views/catalog/_managed_purl_embed.html.erb @@ -1,30 +1,35 @@ -
-
-

Digital content

+
+
+
+

Digital content

+
-
-
-
- <%= "#{document.marc_links.managed_purls.count} parts" %> -
-
-
    - <% document.marc_links.managed_purls.each_with_index do |purl, i| %> -
  • - <%= button_tag data: { embed_target: "#{Settings.PURL_EMBED_RESOURCE}#{purl.druid}", embed_provider: Settings.PURL_EMBED_PROVIDER } do %> - <% if purl.file_id %> - + +
    +
    +
    +
    + <%= "#{document.marc_links.managed_purls.count} parts" %> +
    +
    +
      + <% document.marc_links.managed_purls.each_with_index do |purl, i| %> +
    • + <%= button_tag data: { embed_target: "#{Settings.PURL_EMBED_RESOURCE}#{purl.druid}", embed_provider: Settings.PURL_EMBED_PROVIDER } do %> + <% if purl.file_id %> + + <% end %> + <%= purl.text.presence || "part #{i + 1}" %> <% end %> - <%= purl.text.presence || "part #{i + 1}" %> - <% end %> -
    • - <% end %> -
    +
  • + <% end %> +
+
-
-
-
+
+
+