From 17488bdea24e14599de2e9f482cdf85be2a5314e Mon Sep 17 00:00:00 2001
From: Iku-turso <mikko.aspiala@gmail.com>
Date: Wed, 26 Oct 2022 11:12:35 +0300
Subject: [PATCH] Replace inline styles with proper CSS

Co-authored-by: Janne Savolainen <janne.savolainen@live.fi>

Signed-off-by: Iku-turso <mikko.aspiala@gmail.com>
---
 .../preference-items/preference-tab-root.module.scss       | 7 +++++++
 .../renderer/preference-items/preference-tab-root.tsx      | 3 ++-
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 src/features/preferences/renderer/preference-items/preference-tab-root.module.scss

diff --git a/src/features/preferences/renderer/preference-items/preference-tab-root.module.scss b/src/features/preferences/renderer/preference-items/preference-tab-root.module.scss
new file mode 100644
index 0000000000..697e365b12
--- /dev/null
+++ b/src/features/preferences/renderer/preference-items/preference-tab-root.module.scss
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+.TabSeparator {
+  padding: 0 10px;
+}
diff --git a/src/features/preferences/renderer/preference-items/preference-tab-root.tsx b/src/features/preferences/renderer/preference-items/preference-tab-root.tsx
index 6a21fa320a..2847c07515 100644
--- a/src/features/preferences/renderer/preference-items/preference-tab-root.tsx
+++ b/src/features/preferences/renderer/preference-items/preference-tab-root.tsx
@@ -7,6 +7,7 @@ import { HorizontalLine } from "../../../../renderer/components/horizontal-line/
 import type { RootComposite } from "../../../../common/utils/composite/interfaces";
 import type { Discriminable } from "../../../../common/utils/composable-responsibilities/discriminable/discriminable";
 import type { ChildrenAreSeparated } from "./preference-item-injection-token";
+import styles from "./preference-tab-root.module.scss";
 
 export type PreferenceTabsRoot =
   & Discriminable<"preference-tabs-root">
@@ -19,7 +20,7 @@ export const preferenceTabsRoot: PreferenceTabsRoot = {
   parentId: undefined,
 
   childSeparator: () => (
-    <div style={{ padding: "0 10px" }}>
+    <div className={styles.TabSeparator}>
       <HorizontalLine size="sm" />
     </div>
   ),