From 42548d2af718c57fa675862790a38cb8e26c2041 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Tue, 27 Jun 2023 20:22:13 +0000
Subject: [PATCH] added `usePadding` option

---
 .../settings/components/SettingItemComponent/index.jsx    | 3 ++-
 packages/app/src/pages/settings/index.mobile.less         | 8 +++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/app/src/pages/settings/components/SettingItemComponent/index.jsx b/packages/app/src/pages/settings/components/SettingItemComponent/index.jsx
index db5f8ed6..f9fa49d8 100644
--- a/packages/app/src/pages/settings/components/SettingItemComponent/index.jsx
+++ b/packages/app/src/pages/settings/components/SettingItemComponent/index.jsx
@@ -1,5 +1,6 @@
 import React from "react"
 import * as antd from "antd"
+import classnames from "classnames"
 
 import { Translation } from "react-i18next"
 import { SliderPicker } from "react-color"
@@ -440,7 +441,7 @@ export default class SettingItemComponent extends React.PureComponent {
 
         const Component = SettingsComponents[String(this.props.setting.component).toLowerCase()]?.component ?? this.props.setting.component
 
-        return <div className="setting_item" id={this.props.setting.id} key={this.props.setting.id}>
+        return <div className={classnames("setting_item", { ["usePadding"]: this.props.setting.usePadding ?? true })} id={this.props.setting.id} key={this.props.setting.id}>
             <div className="setting_item_header">
                 <div className="setting_item_info">
                     <div className="setting_item_header_title">
diff --git a/packages/app/src/pages/settings/index.mobile.less b/packages/app/src/pages/settings/index.mobile.less
index b62db44c..abe1421e 100644
--- a/packages/app/src/pages/settings/index.mobile.less
+++ b/packages/app/src/pages/settings/index.mobile.less
@@ -97,6 +97,12 @@
 
                 gap: 10px;
 
+                &.usePadding {
+                    .setting_item_content {
+                        padding: 5px 20px;
+                    }
+                }
+
                 .setting_item_header {
                     display: flex;
                     flex-direction: column;
@@ -135,7 +141,7 @@
 
                 .setting_item_content {
                     width: 100%;
-                    padding: 5px 20px;
+                    padding: 0;
                 }
             }
         }