From 72d356031bd58732d6fc3c6cf5f4b1433e6ccc32 Mon Sep 17 00:00:00 2001 From: Justin Date: Wed, 23 Mar 2022 11:32:27 -0400 Subject: [PATCH] Improve style of Snackbar action --- app/styles/components/snackbar.scss | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/app/styles/components/snackbar.scss b/app/styles/components/snackbar.scss index da22a3ff3..7a397ef1e 100644 --- a/app/styles/components/snackbar.scss +++ b/app/styles/components/snackbar.scss @@ -40,7 +40,7 @@ } .notification-bar-wrapper { - @apply p-4 flex items-start; + @apply p-4 flex items-center justify-between w-full space-x-2; } .notification-bar-title { @@ -50,3 +50,10 @@ .notification-bar-message { @apply text-sm text-gray-700; } + +.notification-bar-action a { + @apply inline-flex items-center px-2.5 py-1 border border-solid border-gray-300 + shadow-sm text-xs font-medium rounded-full text-gray-700 bg-white + hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 + focus:ring-primary-500; +}