Fixes to notification styling

7 years ago · 1ee0e91fb6
parent b9f4896830
commit 1ee0e91fb6
3 changed files with 5 additions and 5 deletions
--- a/app/javascript/flavours/glitch/styles/components/accounts.scss
+++ b/app/javascript/flavours/glitch/styles/components/accounts.scss
@ -48,6 +48,7 @@
 }

 .account__avatar-overlay {
+  position: relative;
  @include avatar-size(48px);

  &-base {
@ -288,9 +289,8 @@
 }

 .notification__message {
-  margin-left: 68px;
-  padding: 8px 0;
-  padding-bottom: 0;
+  margin-left: 42px;
+  padding: 8px 0 0 26px;
  cursor: default;
  color: $ui-primary-color;
  font-size: 15px;
--- a/app/javascript/flavours/glitch/styles/components/index.scss
+++ b/app/javascript/flavours/glitch/styles/components/index.scss
@ -243,7 +243,7 @@
 }

 .notification__favourite-icon-wrapper {
-  left: -26px;
+  left: 0;
  position: absolute;

  .star-icon {
--- a/app/javascript/flavours/glitch/styles/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/components/status.scss
@ -254,7 +254,7 @@
  }

  .notification__message {
-    margin: -10px -10px 10px;
+    margin: -10px 0px 10px 32px;
  }
 }