From 9d03968b5e225cd1a133443312dca8c1a7a5028c Mon Sep 17 00:00:00 2001
From: infinite-persistence <inf.persistence@gmail.com>
Date: Mon, 1 Mar 2021 19:00:31 +0800
Subject: [PATCH] Add tooltip to embed's Title and Home button

## Issue
- Most titles don't fit the embed container width. I wish to know what the title is without having to click on it first.
- Also, add clarity that the LBRY icon brings you Home.
---
 ui/component/fileViewerEmbeddedTitle/view.jsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/component/fileViewerEmbeddedTitle/view.jsx b/ui/component/fileViewerEmbeddedTitle/view.jsx
index dcfd361ce..e97b56e73 100644
--- a/ui/component/fileViewerEmbeddedTitle/view.jsx
+++ b/ui/component/fileViewerEmbeddedTitle/view.jsx
@@ -28,9 +28,15 @@ function FileViewerEmbeddedTitle(props: Props) {
   return (
     <div className="file-viewer__embedded-header">
       <div className="file-viewer__embedded-gradient" />
-      <Button label={title} button="link" className="file-viewer__embedded-title" {...contentLinkProps} />
+      <Button
+        label={title}
+        aria-label={title}
+        button="link"
+        className="file-viewer__embedded-title"
+        {...contentLinkProps}
+      />
       <div className="file-viewer__embedded-info">
-        <Button className="file-viewer__overlay-logo" icon={ICONS.LBRY} {...lbryLinkProps} />
+        <Button className="file-viewer__overlay-logo" icon={ICONS.LBRY} aria-label={__('Home')} {...lbryLinkProps} />
         {isInApp && <FilePrice uri={uri} />}
       </div>
     </div>