From f6b7004d0ac8f6bef7b9dcfb9b90a46850fbdff0 Mon Sep 17 00:00:00 2001
From: kKaskak <117831817+kKaskak@users.noreply.github.com>
Date: Thu, 9 Nov 2023 16:55:19 +0200
Subject: [PATCH] refactor: name changed to match the overall naming sollution

---
 src/routes/Settings/Settings.js | 10 +++++-----
 src/routes/Settings/styles.less |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/routes/Settings/Settings.js b/src/routes/Settings/Settings.js
index a73e292d1..1baeb5511 100644
--- a/src/routes/Settings/Settings.js
+++ b/src/routes/Settings/Settings.js
@@ -329,7 +329,7 @@ const Settings = () => {
                         <div className={styles['section-title']}>{ t('SETTINGS_NAV_PLAYER') }</div>
                         <div className={styles['section-category-container']}>
                             <Icon className={styles['icon']} name={'subtitles'} />
-                            <div className={styles['section-subtitle']}>{t('SETTINGS_SECTION_SUBTITLES')}</div>
+                            <div className={styles['label']}>{t('SETTINGS_SECTION_SUBTITLES')}</div>
                         </div>
                         <div className={styles['option-container']}>
                             <div className={styles['option-name-container']}>
@@ -394,7 +394,7 @@ const Settings = () => {
                     <div className={styles['section-container']}>
                         <div className={styles['section-category-container']}>
                             <Icon className={styles['icon']} name={'volume-medium'} />
-                            <div className={styles['section-subtitle']}>{t('SETTINGS_SECTION_AUDIO')}</div>
+                            <div className={styles['label']}>{t('SETTINGS_SECTION_AUDIO')}</div>
                         </div>
                         <div className={styles['option-container']}>
                             <div className={styles['option-name-container']}>
@@ -409,7 +409,7 @@ const Settings = () => {
                     <div className={styles['section-container']}>
                         <div className={styles['section-category-container']}>
                             <Icon className={styles['icon']} name={'remote'} />
-                            <div className={styles['section-subtitle']}>{t('SETTINGS_SECTION_CONTROLS')}</div>
+                            <div className={styles['label']}>{t('SETTINGS_SECTION_CONTROLS')}</div>
                         </div>
                         <div className={styles['option-container']}>
                             <div className={styles['option-name-container']}>
@@ -444,7 +444,7 @@ const Settings = () => {
                     <div className={styles['section-container']}>
                         <div className={styles['section-category-container']}>
                             <Icon className={styles['icon']} name={'play'} />
-                            <div className={styles['section-subtitle']}>{t('SETTINGS_SECTION_AUTO_PLAY')}</div>
+                            <div className={styles['label']}>{t('SETTINGS_SECTION_AUTO_PLAY')}</div>
                         </div>
                         <div className={styles['option-container']}>
                             <div className={styles['option-name-container']}>
@@ -469,7 +469,7 @@ const Settings = () => {
                     <div className={styles['section-container']}>
                         <div className={styles['section-category-container']}>
                             <Icon className={styles['icon']} name={'glasses'} />
-                            <div className={styles['section-subtitle']}>{t('SETTINGS_SECTION_ADVANCED')}</div>
+                            <div className={styles['label']}>{t('SETTINGS_SECTION_ADVANCED')}</div>
                         </div>
                         <div className={styles['option-container']}>
                             <div className={styles['option-name-container']}>
diff --git a/src/routes/Settings/styles.less b/src/routes/Settings/styles.less
index fe2f1b689..7c9444509 100644
--- a/src/routes/Settings/styles.less
+++ b/src/routes/Settings/styles.less
@@ -107,7 +107,7 @@
                     margin-bottom: 1.5rem;
                     line-height: 2.4rem;
 
-                    .section-subtitle {
+                    .label {
                         flex: none;
                         font-size: 1.1rem;
                         color: var(--primary-foreground-color);