From ee6e986f5964efc104d70a9261999ac7f954b7a9 Mon Sep 17 00:00:00 2001
From: Thomas Huang <tmashuang@users.noreply.github.com>
Date: Thu, 17 Sep 2020 13:23:37 -0700
Subject: [PATCH] Fix dismiss button css on unconnected alert modal (#9430)

* Fix dismiss button on unconnected alert modal

Set button type to primary, rounded, and set `!important` on css class width

* Update ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss

* Add unconnected-account-alert to popover component classname to simplify css selector.

Co-authored-by: Brad Decker <git@braddecker.dev>
---
 .../unconnected-account-alert/unconnected-account-alert.js    | 4 +++-
 .../unconnected-account-alert/unconnected-account-alert.scss  | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.js b/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.js
index b56408a48..779a5a92b 100644
--- a/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.js
+++ b/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.js
@@ -80,7 +80,8 @@ const UnconnectedAccountAlert = () => {
         <Button
           disabled={alertState === LOADING}
           onClick={onClose}
-          type="secondary"
+          type="primary"
+          rounded
           className="unconnected-account-alert__dismiss-button"
         >
           { t('dismiss') }
@@ -94,6 +95,7 @@ const UnconnectedAccountAlert = () => {
       title={isExtensionUrl(origin) ? t('currentExtension') : new URL(origin).host}
       subtitle={t('currentAccountNotConnected')}
       onClose={onClose}
+      className="unconnected-account-alert"
       contentClassName="unconnected-account-alert__content"
       footerClassName="unconnected-account-alert__footer"
       footer={footer}
diff --git a/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss b/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss
index 1ae28dd50..053bf181b 100644
--- a/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss
+++ b/ui/app/components/app/alerts/unconnected-account-alert/unconnected-account-alert.scss
@@ -16,7 +16,7 @@
     flex-direction: row;
   }
 
-  &__dismiss-button {
+  & &__dismiss-button {
     background: $primary-blue;
     color: white;
     height: 40px;