Remove angular pipes module

[github/Chocobozzz/PeerTube.git] / client / src / app / core / hotkeys / hotkeys.component.scss

diff --git a/client/src/app/core/hotkeys/hotkeys.component.scss b/client/src/app/core/hotkeys/hotkeys.component.scss
index 9af10b7c4fda4dd4b0d8bd81a51a00e55fcb8b27..a970260c9294546bc8a4f6e5498e3e393b187614 100644 (file)
--- a/client/src/app/core/hotkeys/hotkeys.component.scss
+++ b/client/src/app/core/hotkeys/hotkeys.component.scss
@@ -1,5 +1,9 @@
+@import '_variables';
+@import '_mixins';
+
 .cfp-hotkeys-container {
-  display: table !important;
+  display: flex !important;
+  align-items: center;
   position: fixed;
   overflow: auto;
   width: 100%;
@@ -22,7 +26,7 @@
 }
 
 .cfp-hotkeys-container.fade.in {
-  z-index: 10002;
+  z-index: z(hotkeys);
   visibility: visible;
   opacity: 1;
 }
@@ -35,9 +39,7 @@
 
 .cfp-hotkeys {
   width: 100%;
-  height: 100%;
-  display: table-cell;
-  vertical-align: middle;
+  max-height: 100%;
 }
 
 .cfp-hotkeys table {
@@ -92,7 +94,7 @@
   cursor: pointer;
 }
 
-@media all and (max-width: 500px) {
+@media all and (max-width: $mobile-view) {
   .cfp-hotkeys {
     font-size: 0.8em;
   }
@@ -102,4 +104,4 @@
   .cfp-hotkeys {
     font-size: 1.2em;
   }
-}
\ No newline at end of file
+}