Realign scroll top (#1265)

* style: realign scrolltop to right side for all screens

* style: fix min width 800 placement

* style: change scrollTop default values & screens values

* style: decrease min-width 1200 margin left

* style: fix mobile sizes

src/components/CommunityChat/index.css

@@ -286,7 +286,7 @@
   }
 
   .scrollTop {
-    margin-left: 10px;
-    margin-bottom: 15%;
+    margin-left: 83%;
+    bottom: 15%;
   }
 }

src/index.css

@@ -257,10 +257,10 @@ input:focus {
 .scrollTop {
   position: fixed;
   position: relative;
-  bottom: 8%;
+  bottom: 12%;
   height: 50px;
   width: 50px;
-  margin-left: -27%;
+  margin-left: 90%;
   cursor: pointer;
   opacity: 0.7;
 }
@@ -276,7 +276,6 @@ input:focus {
 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width: 790px) {
   .scrollTop {
-    margin-left: 20px;
     margin-bottom: 8%;
   }
   .app__newpost__button {
@@ -331,18 +330,15 @@ input:focus {
   .post-card {
     margin: 50px auto !important;
   }
-  .scrollTop {
-    left: 40.7%;
-  }
-
   .app__newpost__button {
     left: -1.2%;
   }
 }
 
 @media (min-width: 1200px) {
   .scrollTop {
-    left: 47.7%;
+    margin-left: 94%;
+    bottom: 11%;
   }
 }