Various appearance fixes

1 files changed, 21 insertions, 22 deletions

diff --git a/src/styles/layout.scss b/src/styles/layout.scss
index 73201be48..abd38b506 100644
--- a/src/styles/layout.scss
+++ b/src/styles/layout.scss
@@ -35,7 +35,6 @@ html {
 
     .sidebar__button {
       color: $dark-theme-gray-lighter;
-      font-size: 22px;
 
       &:hover,
       &:active {
@@ -51,27 +50,6 @@ html {
         opacity: 0.25;
         filter: grayscale(1);
       }
-
-      .update-available {
-        align-items: center;
-        background: $theme-brand-danger;
-        border-radius: 20px;
-        bottom: 5px;
-        color: #fff;
-        display: flex;
-        justify-content: center;
-        padding: 0px 5px;
-        position: absolute;
-        right: 16px;
-        padding-top: 0;
-        font-size: 0px;
-        min-height: 15px;
-        min-width: 15px;
-
-        animation-name: pulse-danger;
-        animation-duration: 0.75s;
-        animation-iteration-count: 6;
-      }
     }
   }
 
@@ -80,6 +58,27 @@ html {
   }
 }
 
+.app .sidebar .sidebar__button .update-available {
+  align-items: center;
+  background: $theme-brand-danger;
+  border-radius: 20px;
+  bottom: 5px;
+  color: #fff;
+  display: flex;
+  justify-content: center;
+  padding: 0px 5px;
+  position: absolute;
+  right: 16px;
+  padding-top: 0;
+  font-size: 0px;
+  min-height: 15px;
+  min-width: 15px;
+
+  animation-name: pulse-danger;
+  animation-duration: 0.75s;
+  animation-iteration-count: 6;
+}
+
 body.win32:not(.isFullScreen) .app .app__content {
   height: calc(100% - 28px);
 }