From ea02d7692d52a5bbefe4b6dcf1f1aa41cdff872a Mon Sep 17 00:00:00 2001
From: Himanshu <himichhabra14@gmail.com>
Date: Tue, 27 Feb 2018 22:58:17 +0530
Subject: [PATCH] fixes #384 (#563)

* fixes #384

Positioning and font-size was off.

* Added consistent styling

* Further Changes.

* removed line height.
---
 client/styles/components/_toast.scss | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/styles/components/_toast.scss b/client/styles/components/_toast.scss
index d8085972..e1219676 100644
--- a/client/styles/components/_toast.scss
+++ b/client/styles/components/_toast.scss
@@ -3,10 +3,14 @@
   color: $toast-text-color;
   padding: #{10 / $base-font-size}rem;
   position: absolute;
-  top: 0;
-  right: 40%;
+  bottom: 10%;
+  left: 5%;
+  min-width: #{375 / $base-font-size}rem; //500px
+  font-size: #{20 / $base-font-size}rem;
   display: flex;
   z-index: 9999;
+  align-items: center;
+  justify-content: space-between;
   box-shadow: 0 6px 6px 0 rgba(0,0,0,0.10);
 }
 
@@ -14,5 +18,6 @@
   @include themify() {
     @extend %icon-toast;
   }
-  margin-left: #{20 / $base-font-size}rem;
+  padding-top: #{10 / $base-font-size}rem;
+  margin-left: #{40 / $base-font-size}rem;
 }
\ No newline at end of file