diff --git a/src/app/molecules/setting-tile/SettingTile.jsx b/src/app/molecules/setting-tile/SettingTile.jsx
index 2792e02..15ab538 100644
--- a/src/app/molecules/setting-tile/SettingTile.jsx
+++ b/src/app/molecules/setting-tile/SettingTile.jsx
@@ -7,13 +7,13 @@ import Text from '../../atoms/text/Text';
function SettingTile({ title, options, content }) {
return (
-
+
{title}
- {options !== null &&
{options}
}
+ {content}
- {content !== null &&
{content}
}
+ {options !== null &&
{options}
}
);
}
diff --git a/src/app/molecules/setting-tile/SettingTile.scss b/src/app/molecules/setting-tile/SettingTile.scss
index ab21fb6..322f001 100644
--- a/src/app/molecules/setting-tile/SettingTile.scss
+++ b/src/app/molecules/setting-tile/SettingTile.scss
@@ -1,13 +1,15 @@
@use '../../partials/dir';
.setting-tile {
- &__title__wrapper {
- display: flex;
- align-items: center;
- }
- &__title {
+ display: flex;
+ &__content {
flex: 1;
min-width: 0;
- @include dir.side(margin, 0, var(--sp-normal));
+ }
+ &__title {
+ margin-bottom: var(--sp-ultra-tight);
+ }
+ &__options {
+ @include dir.side(margin, var(--sp-tight), 0);
}
}
\ No newline at end of file
diff --git a/src/app/organisms/settings/Settings.scss b/src/app/organisms/settings/Settings.scss
index c3ec157..9b42c66 100644
--- a/src/app/organisms/settings/Settings.scss
+++ b/src/app/organisms/settings/Settings.scss
@@ -23,9 +23,6 @@
margin-top: var(--sp-normal);
border-bottom: 1px solid var(--bg-surface-border);
padding-bottom: 16px;
- &__title__wrapper {
- margin-bottom: var(--sp-ultra-tight);
- }
}
}