fix selectable subtitle block

2 files changed, 13 insertions, 5 deletions

diff --git a/assets/css/lustige-styles.css b/assets/css/lustige-styles.css
index f64383a..6a06dfb 100644
--- a/assets/css/lustige-styles.css
+++ b/assets/css/lustige-styles.css
@@ -5626,19 +5626,24 @@ a.inverted {
   font-size: 65px;
   text-align: center;
   opacity: 0;
+  display: none;
   padding: 5px 0;
   overflow: hidden; }
   .mejs-container .mejs-subs-line .silence {
     font-size: 49%;
     opacity: 0;
+    display: none;
     color: #555; }
   .mejs-container .mejs-subs-line.silence .silence {
-    opacity: 1; }
+    opacity: 1;
+    display: block; }
   .mejs-container .mejs-subs-line .error {
     color: red;
-    opacity: 0; }
+    opacity: 0;
+    display: none; }
   .mejs-container .mejs-subs-line.error .error {
-    opacity: 1; }
+    opacity: 1;
+    display: block; }
 .mejs-container .mejs-controls {
   visibility: visible !important;
   height: 39px; }
diff --git a/assets/css/src/lustige-styles.scss b/assets/css/src/lustige-styles.scss
index c26de97..b4491ad 100644
--- a/assets/css/src/lustige-styles.scss
+++ b/assets/css/src/lustige-styles.scss
@@ -467,21 +467,24 @@ a.inverted {
     font-size: 65px;
     text-align: center;
     opacity: 0;
+    display: none;
     padding: 5px 0;
     overflow: hidden;
 
     .silence {
       font-size: 49%;
       opacity: 0;
+      display: none;
       color: #555;
     }
-    &.silence .silence { opacity: 1; }
+    &.silence .silence { opacity: 1; display: block; }
 
     .error {
       color: red;
       opacity: 0;
+      display: none;
     }
-    &.error .error { opacity: 1; }
+    &.error .error { opacity: 1; display: block; }
   }
 
   .mejs-controls {