diff --git a/app/static/styles.css b/app/static/styles.css index 72e358cf..86dd1b5f 100644 --- a/app/static/styles.css +++ b/app/static/styles.css @@ -1252,7 +1252,10 @@ div.navbar { .comment .comment_actions .hide_button a { padding: 5px 15px; } -.comment .comment_actions .notif_toggle { +.comment .comment_actions .notify_toggle { + display: inline-block; +} +.comment .comment_actions .notify_toggle a { text-decoration: none; font-size: 87%; padding: 5px 15px; @@ -1704,7 +1707,7 @@ form h5 { text-decoration: none; } -.notif_toggle { +.notify_toggle { display: block; position: absolute; top: 2px; diff --git a/app/static/styles.scss b/app/static/styles.scss index 53634ab1..63efa76e 100644 --- a/app/static/styles.scss +++ b/app/static/styles.scss @@ -918,10 +918,13 @@ div.navbar { } } - .notif_toggle { - text-decoration: none; - font-size: 87%; - padding: 5px 15px; + .notify_toggle { + display: inline-block; + a { + text-decoration: none; + font-size: 87%; + padding: 5px 15px; + } } } @@ -1408,7 +1411,7 @@ form { text-decoration: none; } -.notif_toggle { +.notify_toggle { display: block; position: absolute; top: 2px; diff --git a/app/templates/post/_reply_notification_toggle.html b/app/templates/post/_reply_notification_toggle.html index 4a47771f..c1cbc2ea 100644 --- a/app/templates/post/_reply_notification_toggle.html +++ b/app/templates/post/_reply_notification_toggle.html @@ -1,4 +1,4 @@ \ No newline at end of file +title="{{ _('Notify about replies') }}" aria-label="{{ _('Notify about replies') }}"> diff --git a/app/templates/post/continue_discussion.html b/app/templates/post/continue_discussion.html index 7abe23d6..102132ea 100644 --- a/app/templates/post/continue_discussion.html +++ b/app/templates/post/continue_discussion.html @@ -46,9 +46,11 @@ {% endif %} - {% if current_user.is_authenticated and current_user.verified and current_user.id == comment['comment'].author.id %} - {% include "post/_reply_notification_toggle.html" %} - {% endif %} +
+ {% if current_user.is_authenticated and current_user.verified and current_user.id == comment['comment'].author.id %} + {% include "post/_reply_notification_toggle.html" %} + {% endif %} +
{% if comment['replies'] %} diff --git a/app/templates/post/post.html b/app/templates/post/post.html index 252ad54b..95976b6c 100644 --- a/app/templates/post/post.html +++ b/app/templates/post/post.html @@ -107,9 +107,11 @@ {% endif -%} - {% if current_user.is_authenticated and current_user.verified -%} - {% include "post/_reply_notification_toggle.html" -%} - {% endif -%} +
+ {% if current_user.is_authenticated and current_user.verified -%} + {% include "post/_reply_notification_toggle.html" -%} + {% endif -%} +
{% if comment['replies'] -%}