From b04a2d4f61a24f6f261ea89103711fa313565b1f Mon Sep 17 00:00:00 2001
From: Agustin Ferrari <swicher@gmail.com>
Date: Sat, 16 Feb 2019 20:46:04 -0300
Subject: [PATCH] Just a couple of adjustments (#350)

* Added icons tooltips in local/en-US.json, corrected link tooltip to switch to video mode and changed heart symbol by icon in comments
---
 assets/css/lighttheme.css     | 9 ++++++++-
 locales/en-US.json            | 4 +++-
 src/invidious/comments.cr     | 2 +-
 src/invidious/views/watch.ecr | 4 ++--
 4 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/assets/css/lighttheme.css b/assets/css/lighttheme.css
index 1ecd2bd05..6f1ad171d 100644
--- a/assets/css/lighttheme.css
+++ b/assets/css/lighttheme.css
@@ -1,9 +1,16 @@
 a:hover,
 a:active {
-  color: #167ac6;
+  color: #167ac6 !important;
 }
 
 a {
   color: #61809b;
   text-decoration: none;
 }
+
+/* All links that do not fit with the default color goes here */
+a > .icon, 
+.pure-u-md-1-5 > .h-box > a[href^="/watch?"],
+.playlist-restricted > ol > li > a {
+  color: #303030;
+}
diff --git a/locales/en-US.json b/locales/en-US.json
index 20fc019e3..b985908e2 100644
--- a/locales/en-US.json
+++ b/locales/en-US.json
@@ -274,5 +274,7 @@
   "%A %B %-d, %Y": "%A %B %-d, %Y",
   "(edited)": "(edited)",
   "Youtube permalink of the comment": "Youtube permalink of the comment",
-  "`x` marked it with a ❤": "`x` marked it with a ❤"
+  "`x` marked it with a ❤": "`x` marked it with a ❤",
+  "Audio mode": "Audio mode",
+  "Video mode": "Video mode"
 }
diff --git a/src/invidious/comments.cr b/src/invidious/comments.cr
index bd377611b..5f1108aa3 100644
--- a/src/invidious/comments.cr
+++ b/src/invidious/comments.cr
@@ -324,7 +324,7 @@ def template_youtube_comments(comments, locale)
               <div class="creator-heart">
                   <img class="creator-heart-background-hearted" src="#{creator_thumbnail}"></img>
                   <div class="creator-heart-small-hearted">
-                      <div class="creator-heart-small-container">🖤</div>
+                      <div class="icon ion-ios-heart creator-heart-small-container"></div>
                   </div>
               </div>
           </span>
diff --git a/src/invidious/views/watch.ecr b/src/invidious/views/watch.ecr
index e6457e691..9432eb4e8 100644
--- a/src/invidious/views/watch.ecr
+++ b/src/invidious/views/watch.ecr
@@ -35,11 +35,11 @@
 <h1>
     <%= HTML.escape(video.title) %> 
     <% if params[:listen] %>
-    <a href="/watch?<%= env.params.query %>&listen=0">
+    <a title="<%=translate(locale, "Video mode")%>" href="/watch?<%= env.params.query %>&listen=0">
         <i class="icon ion-ios-videocam"></i>
     </a>
     <% else %>
-    <a href="/watch?<%= env.params.query %>&listen=1">
+    <a title="<%=translate(locale, "Audio mode")%>" href="/watch?<%= env.params.query %>&listen=1">
         <i class="icon ion-ios-volume-high"></i>
     </a>
     <% end %>