From 3d0226ccd0469331cab142e60a34e1bd5dba61e9 Mon Sep 17 00:00:00 2001
From: Leonard Kim <leonard.h.kim@gmail.com>
Date: Wed, 24 May 2017 10:27:46 -0700
Subject: [PATCH] fix(video-label): modify z-index and cursor

- Change z-index so any tooltips that display over the label,
  particularly in vertical filmstrip mode, actually hide the label.
- Change the cursor to be a pointer so the label looks clickable.
- Remove unused audio-only-label styling.
---
 css/_videolayout_default.scss | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/css/_videolayout_default.scss b/css/_videolayout_default.scss
index 1d7e429ca..07748eee9 100644
--- a/css/_videolayout_default.scss
+++ b/css/_videolayout_default.scss
@@ -495,18 +495,10 @@
                     0px 0px 1px rgba(0,0,0,0.3);
 }
 
-.audio-only-label {
-    display: flex;
-    height: auto;
-    justify-content: center;
-    z-index: $centeredVideoLabelZ;
-}
-
-.audio-only-label,
 .video-state-indicator {
     background: $videoStateIndicatorBackground;
     color: $videoStateIndicatorColor;
-    cursor: default;
+    cursor: pointer;
     font-size: 13px;
     height: 40px;
     line-height: 20px;
@@ -516,11 +508,15 @@
     border-radius: 50%;
     position: absolute;
     box-sizing: border-box;
+
+    i {
+        cursor: pointer;
+    }
 }
 
 #videoResolutionLabel,
-.centeredVideoLabel {
-    z-index: $centeredVideoLabelZ;
+.centeredVideoLabel.moveToCorner {
+    z-index: $tooltipsZ;
 }
 
 .centeredVideoLabel {
@@ -529,6 +525,7 @@
     display: none;
     -webkit-transition: all 2s 2s linear;
     transition: all 2s 2s linear;
+    z-index: $centeredVideoLabelZ;
 
     &.moveToCorner {
         bottom: auto;