From 529ed20e04e5d13aeeb95486b5b4e8fd408c43e5 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Wed, 19 Jan 2022 21:02:47 +0300
Subject: [PATCH] Convert CloseButton styles out from css modules

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 ...e-button.module.scss => close-button.scss} | 28 +++++++++----------
 .../components/layout/close-button.tsx        |  8 +++---
 2 files changed, 18 insertions(+), 18 deletions(-)
 rename src/renderer/components/layout/{close-button.module.scss => close-button.scss} (83%)

diff --git a/src/renderer/components/layout/close-button.module.scss b/src/renderer/components/layout/close-button.scss
similarity index 83%
rename from src/renderer/components/layout/close-button.module.scss
rename to src/renderer/components/layout/close-button.scss
index 57a7296339..bc82c91dba 100644
--- a/src/renderer/components/layout/close-button.module.scss
+++ b/src/renderer/components/layout/close-button.scss
@@ -19,7 +19,7 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-.closeButton {
+.SettingsCloseButton {
   width: 35px;
   height: 35px;
   display: grid;
@@ -35,18 +35,18 @@
   &:active {
     transform: translateY(1px);
   }
-}
 
-.icon {
-  color: var(--textColorAccent);
-  opacity: 0.6;
-}
+  .Icon {
+    color: var(--textColorAccent);
+    opacity: 0.6;
+  }
 
-.esc {
-  text-align: center;
-  margin-top: var(--margin);
-  font-weight: bold;
-  user-select: none;
-  color: var(--textColorDimmed);
-  pointer-events: none;
-}
\ No newline at end of file
+  .escLabel {
+    text-align: center;
+    margin-top: var(--margin);
+    font-weight: bold;
+    user-select: none;
+    color: var(--textColorDimmed);
+    pointer-events: none;
+  }
+}
diff --git a/src/renderer/components/layout/close-button.tsx b/src/renderer/components/layout/close-button.tsx
index 9bdf78f0bd..d45b426378 100644
--- a/src/renderer/components/layout/close-button.tsx
+++ b/src/renderer/components/layout/close-button.tsx
@@ -19,7 +19,7 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-import styles from "./close-button.module.scss";
+import "./close-button.scss";
 
 import React, { HTMLAttributes } from "react";
 import { Icon } from "../icon";
@@ -30,10 +30,10 @@ interface Props extends HTMLAttributes<HTMLDivElement> {
 export function CloseButton(props: Props) {
   return (
     <div {...props}>
-      <div className={styles.closeButton} role="button" aria-label="Close">
-        <Icon material="close" className={styles.icon}/>
+      <div className="SettingsCloseButton" role="button" aria-label="Close">
+        <Icon material="close" />
       </div>
-      <div className={styles.esc} aria-hidden="true">
+      <div className="escLabel" aria-hidden="true">
         ESC
       </div>
     </div>