diff --git a/src/app/components/Toolbar/Features/Account/__tests__/__snapshots__/Account.test.tsx.snap b/src/app/components/Toolbar/Features/Account/__tests__/__snapshots__/Account.test.tsx.snap
index 405c69f878..de97df42bb 100644
--- a/src/app/components/Toolbar/Features/Account/__tests__/__snapshots__/Account.test.tsx.snap
+++ b/src/app/components/Toolbar/Features/Account/__tests__/__snapshots__/Account.test.tsx.snap
@@ -30,7 +30,6 @@ exports[` should match snapshot 1`] = `
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
- width: 100%;
padding: 12px;
border-radius: 5px;
cursor: pointer;
@@ -134,9 +133,7 @@ exports[` should match snapshot 1`] = `
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
+ width: 100%;
}
.c11 {
@@ -165,6 +162,13 @@ exports[` should match snapshot 1`] = `
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
}
.c13 {
@@ -185,7 +189,7 @@ exports[` should match snapshot 1`] = `
flex-direction: row;
}
-.c15 {
+.c16 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -200,6 +204,16 @@ exports[` should match snapshot 1`] = `
height: 24px;
}
+.c15 {
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ -webkit-align-self: stretch;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+ width: 48px;
+}
+
.c9 {
font-size: 18px;
line-height: 24px;
@@ -211,7 +225,7 @@ exports[` should match snapshot 1`] = `
line-height: normal;
}
-.c16 {
+.c17 {
font-size: 18px;
line-height: 24px;
}
@@ -301,26 +315,13 @@ exports[` should match snapshot 1`] = `
}
@media only screen and (max-width:768px) {
- .c12 {
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-flex-basis: auto;
- -ms-flex-preferred-size: auto;
- flex-basis: auto;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-items: stretch;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- }
+
}
@media only screen and (max-width:768px) {
-
+ .c15 {
+ width: 24px;
+ }
}
@@ -398,24 +399,23 @@ exports[` should match snapshot 1`] = `
class="c12"
>
-
- toolbar.wallets.type.mnemonic
-
-
- (
- m/44'/474'/0'/0'/0'
- )
-
-
+ (
+ m/44'/474'/0'/0'/0'
+ )
+
+
should match snapshot 1`] = `
0.000001
should match snapshot 1`] = `
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
- width: 100%;
padding: 12px;
border-radius: 5px;
cursor: pointer;
@@ -48,9 +47,7 @@ exports[` should match snapshot 1`] = `
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
- -webkit-flex: 1 0 auto;
- -ms-flex: 1 0 auto;
- flex: 1 0 auto;
+ width: 100%;
}
.c4 {
@@ -79,6 +76,13 @@ exports[` should match snapshot 1`] = `
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
}
.c7 {
@@ -95,7 +99,7 @@ exports[` should match snapshot 1`] = `
flex-direction: row;
}
-.c10 {
+.c11 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -110,7 +114,7 @@ exports[` should match snapshot 1`] = `
height: 24px;
}
-.c12 {
+.c13 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -148,13 +152,23 @@ exports[` should match snapshot 1`] = `
overflow-y: auto;
}
+.c10 {
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ -webkit-align-self: stretch;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+ width: 48px;
+}
+
.c5 {
font-size: 18px;
line-height: 24px;
font-weight: bold;
}
-.c11 {
+.c12 {
font-size: 18px;
line-height: 24px;
}
@@ -219,7 +233,7 @@ exports[` should match snapshot 1`] = `
border: 0;
}
-.c13 {
+.c14 {
display: inline-block;
box-sizing: border-box;
cursor: pointer;
@@ -248,44 +262,44 @@ exports[` should match snapshot 1`] = `
font-weight: bold;
}
-.c13:hover {
+.c14:hover {
box-shadow: 0px 0px 0px 2px #0092f6;
}
-.c13:focus {
+.c14:focus {
outline: none;
box-shadow: 0 0 2px 2px #6FFFB0;
}
-.c13:focus > circle,
-.c13:focus > ellipse,
-.c13:focus > line,
-.c13:focus > path,
-.c13:focus > polygon,
-.c13:focus > polyline,
-.c13:focus > rect {
+.c14:focus > circle,
+.c14:focus > ellipse,
+.c14:focus > line,
+.c14:focus > path,
+.c14:focus > polygon,
+.c14:focus > polyline,
+.c14:focus > rect {
outline: none;
box-shadow: 0 0 2px 2px #6FFFB0;
}
-.c13:focus::-moz-focus-inner {
+.c14:focus::-moz-focus-inner {
border: 0;
}
-.c13:focus:not(:focus-visible) {
+.c14:focus:not(:focus-visible) {
outline: none;
box-shadow: none;
}
-.c13:focus:not(:focus-visible) > circle,.c13:focus:not(:focus-visible) > ellipse,
-.c13:focus:not(:focus-visible) > line,.c13:focus:not(:focus-visible) > path,
-.c13:focus:not(:focus-visible) > polygon,.c13:focus:not(:focus-visible) > polyline,
-.c13:focus:not(:focus-visible) > rect {
+.c14:focus:not(:focus-visible) > circle,.c14:focus:not(:focus-visible) > ellipse,
+.c14:focus:not(:focus-visible) > line,.c14:focus:not(:focus-visible) > path,
+.c14:focus:not(:focus-visible) > polygon,.c14:focus:not(:focus-visible) > polyline,
+.c14:focus:not(:focus-visible) > rect {
outline: none;
box-shadow: none;
}
-.c13:focus:not(:focus-visible)::-moz-focus-inner {
+.c14:focus:not(:focus-visible)::-moz-focus-inner {
border: 0;
}
@@ -320,26 +334,7 @@ exports[` should match snapshot 1`] = `
}
@media only screen and (max-width:768px) {
- .c6 {
- -webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-flex-basis: auto;
- -ms-flex-preferred-size: auto;
- flex-basis: auto;
- -webkit-box-pack: start;
- -webkit-justify-content: flex-start;
- -ms-flex-pack: start;
- justify-content: flex-start;
- -webkit-align-items: stretch;
- -webkit-box-align: stretch;
- -ms-flex-align: stretch;
- align-items: stretch;
- }
-}
-
-@media only screen and (max-width:768px) {
- .c12 {
+ .c13 {
margin-top: 12px;
}
}
@@ -367,6 +362,12 @@ exports[` should match snapshot 1`] = `
}
+@media only screen and (max-width:768px) {
+ .c10 {
+ width: 24px;
+ }
+}
+
should match snapshot 1`] = `
class="c6"
>
-
-
-
+ toolbar.settings.manageAccount
+
+
should match snapshot 1`] = `
0.0000001
should match snapshot 1`] = `