diff --git a/app/static/structure.css b/app/static/structure.css index 1b3a385b..ff5fe197 100644 --- a/app/static/structure.css +++ b/app/static/structure.css @@ -985,7 +985,8 @@ fieldset legend { } .voting_buttons_new .upvote_button, .voting_buttons_new .downvote_button { display: inline-block; - padding: 5px 15px; + padding: 5px 0; + text-align: center; position: relative; cursor: pointer; color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); @@ -1012,11 +1013,6 @@ fieldset legend { .voting_buttons_new .upvote_button { top: 1px; } -@media (min-width: 1280px) { - .voting_buttons_new .upvote_button { - padding-right: 5px; - } -} .voting_buttons_new .upvote_button .htmx-indicator { left: 13px; top: 7px; @@ -1028,9 +1024,6 @@ fieldset legend { left: 12px; } @media (min-width: 1280px) { - .voting_buttons_new .downvote_button { - padding-left: 5px; - } .voting_buttons_new .downvote_button .htmx-indicator { left: 2px; } @@ -1125,7 +1118,6 @@ fieldset legend { .comment { clear: both; - margin-bottom: 10px; margin-left: 15px; padding-top: 8px; } @@ -1178,7 +1170,7 @@ fieldset legend { } .comment .comment_actions a { text-decoration: none; - padding: 5px 0; + padding: 0; } .comment .comment_actions .hide_button { display: inline-block; diff --git a/app/static/structure.scss b/app/static/structure.scss index 2b2a047f..a369118f 100644 --- a/app/static/structure.scss +++ b/app/static/structure.scss @@ -623,7 +623,8 @@ html { .upvote_button, .downvote_button { display: inline-block; - padding: 5px 15px; + padding: 5px 0; + text-align: center; position: relative; cursor: pointer; color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)); @@ -654,9 +655,7 @@ html { .upvote_button { top: 1px; - @include breakpoint(laptop) { - padding-right: 5px; - } + .htmx-indicator { left: 13px; top: 7px; @@ -669,7 +668,6 @@ html { left: 12px; } @include breakpoint(laptop) { - padding-left: 5px; .htmx-indicator { left: 2px; } @@ -776,7 +774,6 @@ html { .comment { clear: both; - margin-bottom: 10px; margin-left: 15px; padding-top: 8px; @@ -836,7 +833,7 @@ html { position: relative; a { text-decoration: none; - padding: 5px 0; + padding: 0; } .hide_button { diff --git a/app/static/styles.css b/app/static/styles.css index fc3a6609..6039ec53 100644 --- a/app/static/styles.css +++ b/app/static/styles.css @@ -693,7 +693,7 @@ div.navbar { .comment_actions_link { display: block; position: absolute; - bottom: 0; + top: 3px; right: -16px; width: 41px; text-decoration: none; diff --git a/app/static/styles.scss b/app/static/styles.scss index 77e79e04..9fca4211 100644 --- a/app/static/styles.scss +++ b/app/static/styles.scss @@ -284,7 +284,7 @@ div.navbar { .comment_actions_link { display: block; position: absolute; - bottom: 0; + top: 3px; right: -16px; width: 41px; text-decoration: none;