about summary refs log tree commit diff
path: root/app/javascript/styles
diff options
context:
space:
mode:
authorkibigo! <marrus-sh@users.noreply.github.com>2017-09-20 14:51:45 -0700
committerkibigo! <marrus-sh@users.noreply.github.com>2017-09-20 14:52:01 -0700
commit9ed51cecd0f41eeca0e303c0b0787d1928034156 (patch)
tree0ffe7816f49893f6a419bae362e872e08c17eb40 /app/javascript/styles
parent36a35be2ad2ebd685987f0c9dac2d542edc94d9e (diff)
Fixed notification appearance
Diffstat (limited to 'app/javascript/styles')
-rw-r--r--app/javascript/styles/components.scss18
1 files changed, 9 insertions, 9 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index cb0b1e89d..e15078f96 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -752,7 +752,7 @@
   }
 
   .notification__message {
-    margin: -10px 0 10px;
+    margin: -10px -10px 10px;
   }
 }
 
@@ -970,8 +970,7 @@
 
 .account__avatar-wrapper {
   float: left;
-  margin-left: 12px;
-  margin-right: 12px;
+  margin: 6px 16px 6px 6px;
 }
 
 .account__avatar {
@@ -987,6 +986,7 @@
 }
 
 .account__avatar-overlay {
+  position: relative;
   @include avatar-size(48px);
 
   &-base {
@@ -1007,7 +1007,7 @@
 
 .account__relationship {
   height: 18px;
-  padding: 10px;
+  padding: 12px 10px;
   white-space: nowrap;
 }
 
@@ -1322,9 +1322,7 @@
 }
 
 .notification__message {
-  margin-left: 68px;
-  padding: 8px 0;
-  padding-bottom: 0;
+  padding: 8px 10px 0;
   cursor: default;
   color: $ui-primary-color;
   font-size: 15px;
@@ -1336,8 +1334,10 @@
 }
 
 .notification__favourite-icon-wrapper {
-  left: -26px;
-  position: absolute;
+  float: left;
+  margin: 0 10px 0 0;
+  width: 48px;
+  text-align: right;
 
   .star-icon {
     color: $gold-star;