From 4eb254cf97a386e34481f167f6806cb82892ebf0 Mon Sep 17 00:00:00 2001
From: Cedric Spindler <cedric.spindler@gmail.com>
Date: Sat, 9 Dec 2023 22:08:13 +0100
Subject: [PATCH] Switch focus from speaker to subject

---
 package.json                                            | 2 +-
 src/app/components/audio-text/audio-text.component.css  | 5 ++---
 src/app/components/audio-text/audio-text.component.html | 2 +-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 61d9d85..8465824 100644
--- 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
index 4479998..992ee2f 100644
--- 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
index b7c5ac4..5eb192d 100644
--- 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">