fonts

2 files changed, 8 insertions, 3 deletions

diff --git a/frontend/site/projects/museum/views/titles.css b/frontend/site/projects/museum/views/titles.css
index 562edd9..311fa6f 100644
--- a/frontend/site/projects/museum/views/titles.css
+++ b/frontend/site/projects/museum/views/titles.css
@@ -13,7 +13,7 @@
 
 .chapter-headphones {
   position: absolute;
-  top: 0;
+  top: -4px;
   left: 50%;
   transform: translateX(-50%);
   white-space: nowrap;
@@ -21,9 +21,11 @@
 
   padding: 1rem;
   font-family: 'Helvetica', sans-serif;
-  font-size: 1.5vw;
+  font-size: 1.2rem;
+  line-height: 1.6;
   pointer-events: none;
   user-select: none;
+  text-align: center;
 
   transition: opacity 0.5s;
   opacity: 0;
@@ -42,6 +44,7 @@
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.5s;
+  text-align: justify;
 }
 .charles-text.visible {
   opacity: 1;
diff --git a/frontend/site/projects/museum/views/titles.overlay.js b/frontend/site/projects/museum/views/titles.overlay.js
index 95c272d..169dd85 100644
--- a/frontend/site/projects/museum/views/titles.overlay.js
+++ b/frontend/site/projects/museum/views/titles.overlay.js
@@ -141,7 +141,9 @@ class TitlesOverlay extends Component {
           ref={this.headphonesRef}
           className="chapter-headphones"
         >
-          {"Headphones recommended"}
+          {"headphones recommended"}
+          <br />
+          {"(HTRF spatialization)"}
         </div>
         <div
           ref={this.titleRef}