css improvements for comment list item. #75

ecency · Jun 9, 2018 · 02569ca · 02569ca
1 parent 4ae95f6
commit 02569ca
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/src/stylesheets/_components.scss b/src/stylesheets/_components.scss
@@ -651,6 +651,7 @@
   .comment-list-item-inner {
     @include clearfix();
     margin-bottom: 25px;
+    padding: 3px;
 
     .comment-author-pic {
       background: $profilePicBg;
@@ -719,8 +720,8 @@
 
     .comment-extra-tools {
       position: absolute;
-      right: 0;
-      top: 0;
+      right: 4px;
+      top: 2px;
 
       .comment-flagging {
         float: left;
@@ -840,7 +841,7 @@
   &.selected {
 
     & > .comment-list-item-inner {
-      background: #fff6b4;
+      background: $selectedCommentBg;
     }
   }
 

diff --git a/src/stylesheets/app-dark.scss b/src/stylesheets/app-dark.scss
@@ -50,6 +50,8 @@ body.dark-theme {
 
   $galleryImgBg: #567499;
 
+  $selectedCommentBg: #2e3d50;
+
   @import "overwrites";
   @import "navbar";
   @import "footer";

diff --git a/src/stylesheets/app-light.scss b/src/stylesheets/app-light.scss
@@ -50,9 +50,7 @@ body.light-theme {
 
   $galleryImgBg: #f8f8f8;
 
-  body {
-
-  }
+  $selectedCommentBg: #fff6b4;
 
   @import "overwrites";
   @import "navbar";