From 425ab8f59dc3a619773ba40ec5ee23b532ae91f6 Mon Sep 17 00:00:00 2001
From: Ilya Grigorik <ilya@igvita.com>
Date: Sat, 14 May 2016 15:45:17 -0700
Subject: [PATCH] improve fonts on controller

---
 inject.css | 10 +++++++---
 inject.js  |  2 ++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/inject.css b/inject.css
index 84a4ec8..fb28917 100644
--- a/inject.css
+++ b/inject.css
@@ -15,7 +15,7 @@
   z-index: 9999999;
   opacity: 0.3;
 
-  font-family: Verdana;
+  font-family: Verdana, Geneva, sans-serif;
   font-size: 13px;
 }
 
@@ -43,12 +43,16 @@
   font-size: 14px !important;
   line-height: 14px !important;
   border: 1px solid white !important;
-  font-family: Verdana !important;
+  font-family: "Lucida Console", Monaco, monospace !important;
+}
+
+.tc-videoController button.rw {
+  opacity: 0.65;
 }
 
 .tc-videoController button.tc-hideButton {
   margin: 0 2px 0 20px !important;
-  opacity: 0.7;
+  opacity: 0.5;
 }
 
 /* YouTube player */
diff --git a/inject.js b/inject.js
index eb8c9e0..7b2d154 100644
--- a/inject.js
+++ b/inject.js
@@ -78,9 +78,11 @@ chrome.extension.sendMessage({}, function(response) {
       var hideButton = document.createElement('button');
 
       rewindButton.innerHTML = '&laquo;';
+      rewindButton.className = 'rw';
       fasterButton.textContent = '+';
       slowerButton.textContent = '-';
       advanceButton.innerHTML = '&raquo;';
+      advanceButton.className = 'rw';
       hideButton.textContent = 'x';
       hideButton.className = 'tc-hideButton';