focused z-index

com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.module.less

@@ -86,10 +86,10 @@
     display: flex;
     background-color: rgba(0, 0, 0, 0.9);
     position: absolute;
-    bottom: 0px;
-    left: 0px;
+    bottom: 0;
+    left: 0;
     align-items: center;
-
+    z-index: 1;
     > span {
       .size(@w: 18px , @h: 18px);
       background-image: url("../../../assets/images/icons/ic-alert-20@3x.png");
@@ -98,8 +98,15 @@
       margin: 0 12px 0 20px;
     }
     > h3 {
+      .size(@w: 100% , @h: 54px);
       color: #ffffff;
       font-size: 20px;
+      line-height: 54px;
+      .elip(@clamp:1);
+      .marquee {
+        width: 100%;
+        transition: opacity 0.5s ease-in-out;
+      }
     }
   }
 
@@ -283,26 +290,6 @@
     }
   }
 
-  .disclaimer {
-    color: #f2f2f2;
-    font-size: 10%;
-    line-height: 1;
-    z-index: 1;
-    width: 100%;
-    height: 9%;
-    display: inline-flex;
-    > h3 {
-      width: 100%;
-      height: 54px;
-      line-height: 54px;
-      .elip(@clamp:1);
-      .marquee {
-        width: 100%;
-        transition: opacity 0.5s ease-in-out;
-      }
-    }
-  }
-
   .loaderWrap {
     height: 100%;
     > div {

com.twin.app.shoptime/src/style/utils.module.less

@@ -8,6 +8,7 @@
 
 .focused(@boxShadow: 0px, @borderRadius: 0px) {
   .position(@position: absolute, @top: 0, @left: 0, @right: 0, @bottom: 0);
+  z-index: 2;
   border: 4px solid @PRIMARY_COLOR_RED;
   box-shadow: 0 0 @boxShadow 0 rgba(0, 0, 0, 0.5);
   border-radius: @borderRadius;