From b53fc3732ebd12b4a1eea3064269f5ec4149f7ca Mon Sep 17 00:00:00 2001
From: Raphael Wickihalder <raphael.wickihalder@odysee.com>
Date: Tue, 21 Jun 2022 08:34:27 +0200
Subject: [PATCH] Redesign error nag

---
 ui/scss/component/nag.scss | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/ui/scss/component/nag.scss b/ui/scss/component/nag.scss
index 019291d6e..ba44d5fe6 100644
--- a/ui/scss/component/nag.scss
+++ b/ui/scss/component/nag.scss
@@ -46,12 +46,18 @@ $nag-error-z-index: 999;
 }
 
 .nag--error {
-  background-color: #000;
+  background-color: rgba(0, 0, 0, 0.9);
   color: var(--color-text-error);
   z-index: $nag-error-z-index;
   border-radius: var(--border-radius);
-  margin-top: var(--spacing-s);
-  margin-bottom: var(--spacing-s);
+  left: var(--spacing-s);
+  right: var(--spacing-s);
+  bottom: var(--spacing-s);
+  width: unset;
+  // margin-right:100px;
+  -webkit-backdrop-filter: blur(4px);
+  backdrop-filter: blur(4px);
+  box-sizing: border-box;
 }
 
 .nag__message {