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,7 +92,9 @@
   }
 }
 
-.button--link:not(:disabled) {
+.button--link {
+  word-break: break-all;
+  &:not(:disabled) {
     html[data-mode='dark'] & {
       &:not(:hover) {
         color: $lbry-teal-4;
@@ -103,6 +105,7 @@
       }
     }
   }
+}
 
 .button--load-screen {
   border-bottom: 1px solid $lbry-white;