diff --git a/src/popup/app/settings/views/settings.html b/src/popup/app/settings/views/settings.html
index 49f01a368f..ed05d2b61c 100644
--- a/src/popup/app/settings/views/settings.html
+++ b/src/popup/app/settings/views/settings.html
@@ -5,14 +5,48 @@
+
+
@@ -21,15 +55,34 @@
Current Session
+
+
diff --git a/src/popup/app/vault/views/vaultViewSite.html b/src/popup/app/vault/views/vaultViewSite.html
index 8dc25b2c7b..5b85986c5c 100644
--- a/src/popup/app/vault/views/vaultViewSite.html
+++ b/src/popup/app/vault/views/vaultViewSite.html
@@ -31,7 +31,7 @@
Username
- {{site.username}}
+ {{site.username}}
diff --git a/src/popup/less/components.less b/src/popup/less/components.less
index 5d0d6f761b..eaab9ce581 100644
--- a/src/popup/less/components.less
+++ b/src/popup/less/components.less
@@ -173,6 +173,7 @@
padding: 5px 10px;
color: @gray-light;
text-transform: uppercase;
+ font-size: (@font-size-base - 1);
label {
font-weight: normal;
@@ -287,7 +288,7 @@
.fa-chevron-right {
float: right;
margin-top: 3px;
- color: @gray-light;
+ color: @list-icon-color;
}
&.condensed {
@@ -360,7 +361,7 @@
.generate-password-block {
margin: 20px;
- font-size: 20px;
+ font-size: 19px;
text-align: center;
white-space: nowrap;
overflow: hidden;
diff --git a/src/popup/less/popup.less b/src/popup/less/popup.less
index 9f11bcfc7c..21fb9c1268 100644
--- a/src/popup/less/popup.less
+++ b/src/popup/less/popup.less
@@ -36,3 +36,7 @@ body {
top: 0;
}
}
+
+.monospaced {
+ font-family: @font-family-monospace;
+}
diff --git a/src/popup/less/variables.less b/src/popup/less/variables.less
index e304760e40..7d129c10db 100644
--- a/src/popup/less/variables.less
+++ b/src/popup/less/variables.less
@@ -9,6 +9,7 @@
@border-color-dark: #ddd;
@list-item-hover: #fbfbfb;
@text-disabled: #d2d6de;
+@list-icon-color: #c7c7cd;
@brand-primary: #3c8dbc;
@brand-danger: #dd4b39;