previous & cite separated, no max width

dhlab-basel · Jan 26, 2024 · 5b6b458 · 5b6b458
1 parent 96bc628
commit 5b6b458
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 11 deletions.
diff --git a/src/app/resource/letter/letter.component.html b/src/app/resource/letter/letter.component.html
@@ -1,3 +1,16 @@
+<menu>
+    <li>
+        <button mat-stroked-button class="previousBtn" (click)="location.back()">
+            <mat-icon>arrow_back</mat-icon>Previous
+        </button>
+    </li>
+    <li>
+        <button mat-stroked-button class="share-res" (click)="openDialog(resource.readResource.arkUrl)">
+            <mat-icon>share</mat-icon>Citation Link
+        </button>
+    </li>
+</menu>
+
 <div class="full-size scroll-y-only">
 
     <dsp-progress-indicator *ngIf="isLoading" [color]="'#D88958'"></dsp-progress-indicator>
@@ -6,11 +19,6 @@
 
         <div class="sidebar">
 
-            <button mat-stroked-button class="previousBtn" (click)="location.back()">
-                <mat-icon>arrow_back</mat-icon>
-                Previous
-            </button>
-
             <section>
                 <h4 *ngIf="props?.title[0]" class="subheading-2">
                     {{props?.title[0].propertyLabel}}</h4>
@@ -137,12 +145,6 @@ <h4 class="subheading-2">
                     [resourceType]="ontologyIri + '/ontology/0801/beol/v2#letter'"></span>
             </section>
 
-            <section class="cite-link">
-                <button mat-stroked-button class="share-res" (click)="openDialog(resource.readResource.versionArkUrl)">
-                    <mat-icon>share</mat-icon>Citation Link
-                </button>
-            </section>
-
             <section class="title center">
                 <p *ngIf="props?.number[0]">
                     <read-text-value [valueObject]="props?.number[0]" [bindEvents]="true" [resource]="resource.readResource">

diff --git a/src/app/resource/letter/letter.component.scss b/src/app/resource/letter/letter.component.scss
@@ -1,3 +1,19 @@
+menu {
+  list-style: none;
+  margin-inline-start: 2rem;
+  margin-inline-end: 2rem;
+  margin-block-start: 0;
+  margin-block-end: 0;
+  padding-inline-start: 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+
+  .previousBtn {
+    margin-inline-start: 0!important;
+  }
+}
+
 .divider-letter-metadata {
     margin: 40px 0;
 }
@@ -32,3 +48,7 @@ h4.subheading-2 {
   margin: 0 !important;
   font-size: 20px;
 }
+
+.main-content {
+  max-width: none !important;
+}