diff --git a/lbrytv/component/fileViewerEmbeddedEnded/view.jsx b/lbrytv/component/fileViewerEmbeddedEnded/view.jsx
index ec190deff..ea97ccaa3 100644
--- a/lbrytv/component/fileViewerEmbeddedEnded/view.jsx
+++ b/lbrytv/component/fileViewerEmbeddedEnded/view.jsx
@@ -11,7 +11,7 @@ type Props = {
isAuthenticated: boolean,
};
-function fileViewerEmbeddedEnded(props: Props) {
+function FileViewerEmbeddedEnded(props: Props) {
const { uri, isAuthenticated } = props;
const prompts = isAuthenticated
@@ -52,4 +52,4 @@ function fileViewerEmbeddedEnded(props: Props) {
);
}
-export default withRouter(fileViewerEmbeddedEnded);
+export default withRouter(FileViewerEmbeddedEnded);
diff --git a/lbrytv/component/fileViewerEmbeddedTitle/view.jsx b/lbrytv/component/fileViewerEmbeddedTitle/view.jsx
index db65ba6f5..de09393da 100644
--- a/lbrytv/component/fileViewerEmbeddedTitle/view.jsx
+++ b/lbrytv/component/fileViewerEmbeddedTitle/view.jsx
@@ -18,8 +18,8 @@ function fileViewerEmbeddedTitle(props: Props) {
return (
-
+
);
}
diff --git a/ui/scss/component/_file-render.scss b/ui/scss/component/_file-render.scss
index 8a545cc5a..c14d4bfb1 100644
--- a/ui/scss/component/_file-render.scss
+++ b/ui/scss/component/_file-render.scss
@@ -213,30 +213,25 @@
.file-viewer__embedded-title {
position: absolute;
+ display: flex;
+ justify-content: space-between;
width: 100%;
- left: auto;
top: 0;
- line-height: 1.5;
z-index: 2;
- color: var(--color-white);
font-size: var(--font-large);
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
- max-width: 100%;
padding: var(--spacing-small);
- background-repeat: repeat-x;
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
- -moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
- -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
- transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
+
.button {
color: var(--color-white);
+
+ &:first-of-type {
+ max-width: 90%;
+ }
}
}
-.file-viewer__embedded-title-logo {
- float: right;
-}
.file-render__content {
width: 100%;