{ t('metaMaskConnectStatusParagraphOne') }
{ t('metaMaskConnectStatusParagraphTwo') }
+ { t('metaMaskConnectStatusParagraphThree') }
)
diff --git a/ui/app/pages/home/index.scss b/ui/app/pages/home/index.scss
index 2aad50ab4..bb2ece13b 100644
--- a/ui/app/pages/home/index.scss
+++ b/ui/app/pages/home/index.scss
@@ -47,19 +47,24 @@
padding-right: 24px;
div {
+ margin-bottom: 20px;
+
&:last-child {
- margin-top: 26px;
+ margin-bottom: 0px;
}
}
}
&__connected-status-popover {
width: 329px;
- height: 295px;
- margin-top: -12px;
+ margin-top: -15px;
.popover-header {
- padding-bottom: 4px;
+ padding-bottom: 20px;
+
+ &__title {
+ padding-bottom: 0;
+ }
}
.popover-content {
@@ -72,7 +77,11 @@
}
.popover-footer {
- justify-content: flex-end;
+ border-top: 0;
+ justify-content: space-between;
+ align-items: center;
+ padding-top: 20px;
+ font-size: 14px;
& :only-child {
margin: 0;
@@ -84,16 +93,20 @@
border-radius: 39px;
padding: 0;
}
+
+ a, a:hover {
+ color: $dodger-blue;
+ cursor: pointer;
+ }
}
}
&__connected-status-popover-bg {
- height: 34px;
- width: 110px;
+ height: 55px;
+ width: 120px;
border-radius: 34px;
position: absolute;
- top: 82px;
- left: 8px;
+ top: 73px;
opacity: 1;
box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.2);
background: none;