diff --git a/tildes/scss/modules/_settings.scss b/tildes/scss/modules/_settings.scss index 24fa8ad..fb28299 100644 --- a/tildes/scss/modules/_settings.scss +++ b/tildes/scss/modules/_settings.scss @@ -7,7 +7,23 @@ } // Nested settings list - ul li { - margin-bottom: unset; + ul { + margin-top: 0; + + li { + margin-bottom: unset; + margin-top: 0; + } + } +} + +.settings-section { + .settings-list { + margin-left: 1rem; + } + + h2 { + font-size: 1rem; + border-bottom: 1px solid; } } diff --git a/tildes/scss/themes/_theme_base.scss b/tildes/scss/themes/_theme_base.scss index 2065f44..6332ea1 100644 --- a/tildes/scss/themes/_theme_base.scss +++ b/tildes/scss/themes/_theme_base.scss @@ -82,6 +82,15 @@ border-color: map-get($theme, "border"); } + h1, + h2, + h3, + h4, + h5, + h6 { + border-color: map-get($theme, "border"); + } + hr { border-color: map-get($theme, "border"); } diff --git a/tildes/tildes/templates/settings.jinja2 b/tildes/tildes/templates/settings.jinja2 index 2c74390..bfd9d58 100644 --- a/tildes/tildes/templates/settings.jinja2 +++ b/tildes/tildes/templates/settings.jinja2 @@ -8,6 +8,9 @@ {% block main_heading %}User settings{% endblock %} {% block content %} + + Display settings + Choose a display theme: @@ -57,47 +60,20 @@ - - - - - - Automatically mark notifications read when you interact with the source comment (by voting, labeling, replying, etc.) - - - + Define topic tag filters + Define a list of topic tags to filter out of listings by default + + + + + Site behavior settings + - - - - - Automatically mark all notifications read when you view the Unread Notifications page - - - + Configure marking new comments (currently {{ 'enabled' if request.user.track_comment_visits else 'disabled' }}) + Marks new comments in topics since your last visit, and which topics have any @@ -153,11 +129,71 @@ - Change your password + + + + + Notification settings + + + + + + + + Automatically mark notifications read when you interact with the source comment (by voting, labeling, replying, etc.) + + + + + + + + + + + Automatically mark all notifications read when you view the Unread Notifications page + + + + + + + + + + Account settings + + + + Edit your user bio + Tell others about yourself with a short bio on your user page + Set up account recovery To be able to regain access in case of lost password, compromise, etc. + Change your password {% if not request.user.two_factor_enabled %} Enable two-factor authentication @@ -167,17 +203,7 @@ Disabling two-factor authentication requires a code from your device or a backup code. {% endif %} - - Configure marking new comments (currently {{ 'enabled' if request.user.track_comment_visits else 'disabled' }}) - Marks new comments in topics since your last visit, and which topics have any - - - Define topic tag filters - Define a list of topic tags to filter out of listings by default - - - Edit your user bio - Tell others about yourself with a short bio on your user page - + + {% endblock %}