Separate jump to unread & mark as read

Signed-off-by: Ajay Bura <ajbura@gmail.com>

diff --git a/src/app/organisms/room/RoomViewFloating.scss b/src/app/organisms/room/RoomViewFloating.scss
index a6940014b814d05c0cb0dbb3d53215c70bac0e2e..c6e9ea98e19c219449cb3dea84d3dd05a3206010 100644 (file)
--- a/src/app/organisms/room/RoomViewFloating.scss
+++ b/src/app/organisms/room/RoomViewFloating.scss
@@ -90,7 +90,8 @@
   &__unread {
     position: absolute;
     top: var(--sp-extra-tight);
-    right: var(--sp-extra-tight);
+    @include dir.prop(right, var(--sp-extra-tight), unset);
+    @include dir.prop(left, unset, var(--sp-extra-tight));
     z-index: 999;
 
     display: none;
@@ -109,6 +110,7 @@
     }
     & .btn-primary {
       @extend .cp-fx__item-one;
+      @include dir.side(margin, 0, 1px);
       border-radius: 0;
       padding: 0 var(--sp-tight);
       &:focus {