player

app/static/css/partials/_menu.scss

@@ -7,9 +7,22 @@
   box-sizing: border-box;
   z-index: 110;
 
+  .item-title {
+    position: absolute;
+    width: 100%;
+    text-align: center;
+    h1 {
+      font-size: inherit;
+      margin: 0;
+      padding: 0;
+    }
+  }
   @media screen and (max-width: 799px) {
     padding-top: calc(var(--spacing) * 1.6);
     height: 98px;
+    .item-title {
+      display: none
+    }
   }
 
   @media screen and (min-width: 800px) {

app/static/css/partials/_player.scss

@@ -6,12 +6,17 @@
   h1 {
     padding-left: var(--spacing-2);
     padding-right: var(--spacing-2);
-    padding-top: 32px;
+    padding-top: 16px;
     font-size: 20px;
     letter-spacing: 1px;
     font-weight: bold;
     max-width: var(--container-width);
     margin: auto;
+
+    a {
+      color: var(--color-link);
+      text-decoration: none;
+    }
   }
   h2 {
     padding: 4px var(--spacing-2);
@@ -20,6 +25,15 @@
   }
   .info {
     margin-bottom: 16px;
+    h1 {
+      display: none;
+    }
+    @media screen and (max-width: 799px) {
+      h1 {
+        display: block;
+      }
+    }
+
   }
   .vbox {
     max-width: var(--container-width);
@@ -36,5 +50,7 @@
   .annotation {
     display: none;
     text-align: center;
+    max-width: 90%;
+    margin: auto;
   }
 }