From ec0e8c78040a2c7a403b6be1c3bd7595d6f465b4 Mon Sep 17 00:00:00 2001
From: Michael Spalti <mspalti@gmail.com>
Date: Tue, 28 Sep 2021 16:47:58 -0700
Subject: [PATCH] Completed the initial embed of mirador viewer.

---
 .../mirador-viewer/mirador-viewer.component.scss |  2 +-
 .../publication/publication.component.html       | 16 +++++++++-------
 .../untyped-item/untyped-item.component.html     |  9 +++++++++
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/app/item-page/mirador-viewer/mirador-viewer.component.scss b/src/app/item-page/mirador-viewer/mirador-viewer.component.scss
index 616c31d5da..d8fe7ecc68 100644
--- a/src/app/item-page/mirador-viewer/mirador-viewer.component.scss
+++ b/src/app/item-page/mirador-viewer/mirador-viewer.component.scss
@@ -5,7 +5,7 @@
 }
 .full-text-op {
   text-align: right;
-  color: #999999;
+  color: #333333;
   font-size: 0.8em;
 }
 p.full-text-op {
diff --git a/src/app/item-page/simple/item-types/publication/publication.component.html b/src/app/item-page/simple/item-types/publication/publication.component.html
index 0133d40c02..e79cbaccbf 100644
--- a/src/app/item-page/simple/item-types/publication/publication.component.html
+++ b/src/app/item-page/simple/item-types/publication/publication.component.html
@@ -1,3 +1,12 @@
+<div class="row" *ngIf="iiifEnabled">
+  <div class="col-12">
+    <ds-mirador-viewer  id="iiif-viewer"
+                        [item]="object"
+                        [searchable]="iiifSearchEnabled"
+                        [query]="iiifQuery$ | async">
+    </ds-mirador-viewer>
+  </div>
+</div>
 <div class="d-flex flex-row">
   <h2 class="item-page-title-field mr-auto">
     {{'publication.page.titleprefix' | translate}}<ds-metadata-values [mdValues]="object?.allMetadata(['dc.title'])"></ds-metadata-values>
@@ -13,13 +22,6 @@
         <ds-thumbnail [thumbnail]="object?.thumbnail | async"></ds-thumbnail>
       </ds-metadata-field-wrapper>
     </ng-container>
-    <ng-container *ngIf="iiifEnabled">
-      <ds-mirador-viewer id="iiif-viewer"
-                         [item]="object"
-                         [searchable]="iiifSearchEnabled"
-                         [query]="iiifQuery$ | async">
-      </ds-mirador-viewer>
-    </ng-container>
     <ng-container *ngIf="mediaViewer.image">
       <ds-media-viewer [item]="object" [videoOptions]="mediaViewer.video"></ds-media-viewer>
     </ng-container>
diff --git a/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html b/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
index b0157dcfee..2aeebe24a1 100644
--- a/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
+++ b/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
@@ -1,3 +1,12 @@
+<div class="row" *ngIf="iiifEnabled">
+  <div class="col-12">
+    <ds-mirador-viewer  id="iiif-viewer"
+                   [item]="object"
+                   [searchable]="iiifSearchEnabled"
+                   [query]="iiifQuery$ | async">
+    </ds-mirador-viewer>
+  </div>
+</div>
 <div class="d-flex flex-row">
   <h2 class="item-page-title-field mr-auto">
     <ds-metadata-values [mdValues]="object?.allMetadata(['dc.title'])"></ds-metadata-values>