From edc30ce8bdfad540dc7d69da769d608848e52c67 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Wed, 9 Sep 2020 16:32:04 -0400
Subject: [PATCH] fix icon shrinking on snackbars with a lot of text

---
 ui/scss/component/_snack-bar.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/ui/scss/component/_snack-bar.scss b/ui/scss/component/_snack-bar.scss
index 7ee663c40..8e702fdf5 100644
--- a/ui/scss/component/_snack-bar.scss
+++ b/ui/scss/component/_snack-bar.scss
@@ -9,6 +9,8 @@
   position: fixed;
   transition: all var(--transition-duration) var(--transition-type);
   z-index: 10000; // hack to get it over react modal
+  display: flex;
+  flex-direction: column;
 }
 
 .snack-bar--upgrade {
@@ -35,6 +37,7 @@
 .snack-bar__action {
   display: inline-block;
   margin: var(--spacing-s) 0;
+  margin-left: auto;
   min-width: min-content;
   color: var(--color-white);
 
@@ -51,5 +54,6 @@
 
   .icon {
     margin-right: var(--spacing-m);
+    min-width: 1rem;
   }
 }