From 196f5424abf2172aad4df453eabb729e2903707f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Mon, 16 May 2022 23:20:44 +0300
Subject: [PATCH] Cleanup some css

---
 .../help-mode-dialog.component.scss           | 16 +++-----
 .../help-mode/help-mode.component.scss        | 39 ++-----------------
 2 files changed, 8 insertions(+), 47 deletions(-)

diff --git a/src/lib/help-mode/help-mode-dialog/help-mode-dialog.component.scss b/src/lib/help-mode/help-mode-dialog/help-mode-dialog.component.scss
index d0953d1..05fc890 100644
--- a/src/lib/help-mode/help-mode-dialog/help-mode-dialog.component.scss
+++ b/src/lib/help-mode/help-mode-dialog/help-mode-dialog.component.scss
@@ -1,16 +1,10 @@
- section {
-    background: #ecedf0;
-    display: flex;
-    justify-content: center;
+section {
+    background: var(--iqser-grey-11);
+    align-items: center;
 
     .content {
-        width: 440px;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
         text-align: center;
-        padding-top: 20px;
-        padding-bottom: 30px;
+        padding: 20px 80px 30px;
         line-height: 18px;
     }
- }
+}
diff --git a/src/lib/help-mode/help-mode/help-mode.component.scss b/src/lib/help-mode/help-mode/help-mode.component.scss
index e73a56b..ab71e1d 100644
--- a/src/lib/help-mode/help-mode/help-mode.component.scss
+++ b/src/lib/help-mode/help-mode/help-mode.component.scss
@@ -1,35 +1,3 @@
-.help-button {
-    width: 44px;
-    height: 40px;
-    position: absolute;
-    bottom: 20px;
-    right: 0;
-    z-index: 1;
-    background: var(--iqser-helpmode-primary);
-    border-top-left-radius: 8px;
-    border-bottom-left-radius: 8px;
-    box-shadow: -1px 1px 5px 0 rgba(40, 50, 65, 0.25);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: all 0.25s;
-}
-
-.help-button:hover {
-    cursor: pointer;
-    width: fit-content;
-    padding-left: 10px;
-    padding-right: 10px;
-
-    .text {
-        display: block;
-    }
-
-    mat-icon {
-        padding-right: 8px;
-    }
-}
-
 .text {
     display: none;
 }
@@ -38,10 +6,9 @@
     box-sizing: border-box;
     height: 100%;
     width: 100%;
-    border-left: 8px solid var(--iqser-helpmode-primary);
-    border-right: 8px solid var(--iqser-helpmode-primary);
-    border-top: 8px solid var(--iqser-helpmode-primary);
-    border-bottom: 60px solid var(--iqser-helpmode-primary);
+    border-width: 8px 8px 60px 8px;
+    border-style: solid;
+    border-color: var(--iqser-helpmode-primary);
     z-index: 1000;
     position: absolute;
     display: flex;