diff --git a/src/components/post/post.module.css b/src/components/post/post.module.css index fc92cc59..e055e393 100644 --- a/src/components/post/post.module.css +++ b/src/components/post/post.module.css @@ -10,12 +10,12 @@ padding: 0.5em 0; /* instead of using margin, wrap with padding */ } -.threadHideButtonWrapper { +.hideButtonWrapper { padding-right: 5px; float: left; } -.postDesktop .threadHideButton { +.postDesktop .hideButton { background-repeat: no-repeat; background-position: center; width: 18px; @@ -23,6 +23,7 @@ display: inline-block; image-rendering: pixelated; cursor: pointer; + transform: translateY(-1px); } /* clearfix to the container of the floatied elements to contain them */ @@ -155,9 +156,17 @@ .postDesktop .summary { padding-top: 10px; + padding-left: 23px; + position: relative; color: var(--post-mobile-abbr-text-color); } +.postDesktop .summary .expandButtonWrapper { + position: absolute; + top: 8px; + left: 2px; +} + .postDesktop .summary .expandButton { background-image: var(--post-replies-expand-button-background-image); background-repeat: no-repeat; @@ -166,7 +175,6 @@ height: 18px; display: inline-block; image-rendering: pixelated; - margin: 0 3px -4px 2px; cursor: pointer; } diff --git a/src/components/post/post.tsx b/src/components/post/post.tsx index d43a696f..d3c5149d 100644 --- a/src/components/post/post.tsx +++ b/src/components/post/post.tsx @@ -128,8 +128,8 @@ const PostDesktop = ({ post, showAllReplies }: { post: Comment; showAllReplies: