Move to sass @use

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-main / misc / help.component.scss

diff --git a/client/src/app/shared/shared-main/misc/help.component.scss b/client/src/app/shared/shared-main/misc/help.component.scss
index 43f33a53abdc3e0a022b9ec79c5e6002d02ce965..3ed79d57801ff4c6f627cd1300ffa2510b21b639 100644 (file)
--- a/client/src/app/shared/shared-main/misc/help.component.scss
+++ b/client/src/app/shared/shared-main/misc/help.component.scss
@@ -1,17 +1,19 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .help-tooltip-button {
+  @include disable-outline;
+
   cursor: pointer;
-  border: none;
+  border: 0;
+  margin: 5px;
 
   my-global-icon {
+    @include apply-svg-color(pvar(--greyForegroundColor));
+
     width: 17px;
     position: relative;
-    top: -2px;
-    margin: 5px;
-
-    @include apply-svg-color(pvar(--mainForegroundColor))
+    top: -1px;
   }
 }
 
@@ -22,7 +24,7 @@
 
     .popover-body {
       font-family: $main-fonts;
-      text-align: left;
+      text-align: start;
       padding: 10px;
       font-size: 13px;
       background-color: pvar(--mainBackgroundColor);
@@ -34,7 +36,7 @@
       }
 
       ul {
-        padding-left: 20px;
+        @include padding-left(20px);
         margin-bottom: 0;
       }
     }