fix: button style in file description

src/renderer/component/fileViewer/internal/player.jsx

@@ -7,8 +7,6 @@ import path from 'path';
 import player from 'render-media';
 import FileRender from 'component/fileRender';
 import LoadingScreen from 'component/common/loading-screen';
-// Loading this here so we have uniform video style even if we use two different players
-import 'video.js/dist/video-js.css';
 
 type Props = {
   contentType: string,

src/renderer/component/viewers/audioVideoViewer.jsx

@@ -2,6 +2,7 @@
 import React from 'react';
 import { stopContextMenu } from 'util/context-menu';
 import videojs from 'video.js';
+import 'video.js/dist/video-js.css';
 
 type Props = {
   source: {

src/renderer/scss/component/_button.scss

@@ -92,14 +92,17 @@
   }
 }
 
-.button--link:not(:disabled) {
+.button--link {
-  html[data-mode='dark'] & {
+  word-break: break-all;
-    &:not(:hover) {
+  &:not(:disabled) {
-      color: $lbry-teal-4;
+    html[data-mode='dark'] & {
-    }
+      &:not(:hover) {
+        color: $lbry-teal-4;
+      }
 
-    &:hover {
+      &:hover {
-      color: $lbry-teal-3;
+        color: $lbry-teal-3;
+      }
     }
   }
 }