From 1ef59fcd80b40ab43dd73da149cbf759885c69eb Mon Sep 17 00:00:00 2001
From: kKaskak <117831817+kKaskak@users.noreply.github.com>
Date: Thu, 9 Nov 2023 16:51:43 +0200
Subject: [PATCH] refactor: changed the name of the subtitle wrapper

---
 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 2d29c9f33..a73e292d1 100644
--- a/src/routes/Settings/Settings.js
+++ b/src/routes/Settings/Settings.js
@@ -327,7 +327,7 @@ const Settings = () => {
                     </div>
                     <div ref={playerSectionRef} className={styles['section-container']}>
                         <div className={styles['section-title']}>{ t('SETTINGS_NAV_PLAYER') }</div>
-                        <div className={styles['section-subtitle-wrapper']}>
+                        <div className={styles['section-category-container']}>
                             <Icon className={styles['icon']} name={'subtitles'} />
                             <div className={styles['section-subtitle']}>{t('SETTINGS_SECTION_SUBTITLES')}</div>
                         </div>
@@ -392,7 +392,7 @@ const Settings = () => {
                         </div>
                     </div>
                     <div className={styles['section-container']}>
-                        <div className={styles['section-subtitle-wrapper']}>
+                        <div className={styles['section-category-container']}>
                             <Icon className={styles['icon']} name={'volume-medium'} />
                             <div className={styles['section-subtitle']}>{t('SETTINGS_SECTION_AUDIO')}</div>
                         </div>
@@ -407,7 +407,7 @@ const Settings = () => {
                         </div>
                     </div>
                     <div className={styles['section-container']}>
-                        <div className={styles['section-subtitle-wrapper']}>
+                        <div className={styles['section-category-container']}>
                             <Icon className={styles['icon']} name={'remote'} />
                             <div className={styles['section-subtitle']}>{t('SETTINGS_SECTION_CONTROLS')}</div>
                         </div>
@@ -442,7 +442,7 @@ const Settings = () => {
                         </div>
                     </div>
                     <div className={styles['section-container']}>
-                        <div className={styles['section-subtitle-wrapper']}>
+                        <div className={styles['section-category-container']}>
                             <Icon className={styles['icon']} name={'play'} />
                             <div className={styles['section-subtitle']}>{t('SETTINGS_SECTION_AUTO_PLAY')}</div>
                         </div>
@@ -467,7 +467,7 @@ const Settings = () => {
                         </div>
                     </div>
                     <div className={styles['section-container']}>
-                        <div className={styles['section-subtitle-wrapper']}>
+                        <div className={styles['section-category-container']}>
                             <Icon className={styles['icon']} name={'glasses'} />
                             <div className={styles['section-subtitle']}>{t('SETTINGS_SECTION_ADVANCED')}</div>
                         </div>
diff --git a/src/routes/Settings/styles.less b/src/routes/Settings/styles.less
index 41b7a6af0..fe2f1b689 100644
--- a/src/routes/Settings/styles.less
+++ b/src/routes/Settings/styles.less
@@ -99,7 +99,7 @@
                     color: var(--primary-foreground-color);
                 }
 
-                .section-subtitle-wrapper {
+                .section-category-container {
                     display: flex;
                     flex-direction: row;
                     align-items: center;