Merge pull request lbryio#2040 from lbryio/toast

Change snackbar notification postion to bottom-left

Author: Sean Yesmunt

CHANGELOG.md

@@ -19,6 +19,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
  * Credit card verification messaging ([#2025](https://github.com/lbryio/lbry-desktop/pull/2025))
  * Reverse Order & Use System/Location Time/Date ([#2036]https://github.com/lbryio/lbry-desktop/pull/2036)
  * Limit file type can be uploaded as thumbnail for publishing ([#2034](https://github.com/lbryio/lbry-desktop/pull/2034))
+ * Change snackbar notification postion to bottom-left ([#2040](https://github.com/lbryio/lbry-desktop/pull/2040)) 
 
 
 ### Fixed

src/renderer/scss/component/_snack-bar.scss

@@ -5,16 +5,15 @@
   color: var(--snackbar-color-primary);
   display: flex;
   justify-content: space-between;
-  left: 0;
   margin-left: auto;
   margin-right: auto;
   max-width: var(--snack-bar-width);
   min-width: 300px;
   opacity: 0.95;
   padding: 14px 20px 10px 20px;
   position: fixed;
-  right: 0;
-  top: $spacing-vertical;
+  left: $spacing-vertical;
+  bottom: $spacing-vertical;
   transition: all var(--transition-duration) var(--transition-type);
   width: 100%;
   z-index: 10000; /*hack to get it over react modal */