Switch focus from speaker to subject

mitwelten · Dec 9, 2023 · 4eb254c · 4eb254c
1 parent 4700317
commit 4eb254c
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mitwelten-datawalk",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

diff --git a/src/app/components/audio-text/audio-text.component.css b/src/app/components/audio-text/audio-text.component.css
@@ -57,10 +57,8 @@
 
 .speaker {
   font-weight: bold;
-  font-size: 1.2rem;
 }
 .function {
-  font-size: 1.2rem;
   color: #777;
 }
 .function::before {
@@ -75,7 +73,8 @@
   display: block;
   max-width: 100%;
   padding: 0 16px;
-  margin-top: 16px;
+  margin: 8px 0 16px 0;
+  font-size: 1.2rem;
 }
 
 @media (orientation: landscape) {

diff --git a/src/app/components/audio-text/audio-text.component.html b/src/app/components/audio-text/audio-text.component.html
@@ -1,9 +1,9 @@
 <img [src]="hotspot?.portraitUrl" alt="Audio Text Portrait" id="portrait">
 
 <div class="info">
+  <span *ngIf="hotspot?.contentSubject" class="subject">{{hotspot?.contentSubject}}</span>
   <span *ngIf="hotspot?.speakerName" class="speaker">{{hotspot?.speakerName}}</span>
   <span *ngIf="hotspot?.speakerFunction" class="function">{{hotspot?.speakerFunction}}</span>
-  <span *ngIf="hotspot?.contentSubject" class="subject">{{hotspot?.contentSubject}}</span>
 </div>
 
 <mat-toolbar class="footer">