From 02019edcb741c4763c54cae322a5cbf2e8029050 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Thu, 11 Feb 2021 00:40:13 -0500
Subject: [PATCH] cleanup styles

---
 ui/scss/component/_comments.scss   | 16 ++++++----------
 ui/scss/component/_header.scss     | 10 ++++++++++
 ui/scss/component/menu-button.scss |  2 +-
 3 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/ui/scss/component/_comments.scss b/ui/scss/component/_comments.scss
index dd9fe8985..c95e37298 100644
--- a/ui/scss/component/_comments.scss
+++ b/ui/scss/component/_comments.scss
@@ -243,8 +243,6 @@ $thumbnailWidthSmall: 0rem;
   font-size: var(--font-xsmall);
 
   .menu__link {
-    padding-left: 0;
-    padding-right: 0;
     padding: 0;
   }
 }
@@ -265,14 +263,12 @@ $thumbnailWidthSmall: 0rem;
 
 .comment__menu-title {
   @extend .help;
-  display: flex;
-  justify-content: space-between;
+  margin-top: 0;
+  padding-left: var(--spacing-xs);
+  padding-right: var(--spacing-xl);
+  padding-bottom: var(--spacing-xs);
   font-size: var(--font-small);
   border-bottom: 1px solid var(--color-border);
-  margin-top: 0;
-  padding-left: var(--spacing-s);
-  padding-bottom: var(--spacing-s);
-  padding-right: var(--spacing-xl);
 }
 
 .comment__menu-help {
@@ -361,8 +357,8 @@ $thumbnailWidthSmall: 0rem;
 }
 
 .comment__menu-active {
-  padding-left: var(--spacing-s);
-  padding-top: var(--spacing-s);
+  padding: var(--spacing-xs);
+  padding-bottom: 0;
   border-top: 1px solid var(--color-border);
   margin-top: var(--spacing-s);
   display: flex;
diff --git a/ui/scss/component/_header.scss b/ui/scss/component/_header.scss
index d728229fa..292d383db 100644
--- a/ui/scss/component/_header.scss
+++ b/ui/scss/component/_header.scss
@@ -109,15 +109,25 @@
     height: var(--height-button);
     width: var(--height-button);
     margin-right: 0;
+    transition: border-radius var(--animation-duration);
     border-radius: calc(var(--height-button) / 2);
 
     img {
+      transition: border-radius var(--animation-duration);
       border-radius: calc(var(--height-button) / 2);
     }
   }
 
   &:hover {
     opacity: 0.7;
+
+    .channel-thumbnail {
+      border-radius: var(--border-radius);
+
+      img {
+        border-radius: var(--border-radius);
+      }
+    }
   }
 }
 
diff --git a/ui/scss/component/menu-button.scss b/ui/scss/component/menu-button.scss
index 45ec6418b..0bc3b1fcb 100644
--- a/ui/scss/component/menu-button.scss
+++ b/ui/scss/component/menu-button.scss
@@ -66,7 +66,7 @@
   @extend .menu__list;
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
-  padding: var(--spacing-s) 0;
+  padding: var(--spacing-xs) 0;
 
   [data-reach-menu-item] {
     margin: 0 var(--spacing-xs);