diff --git a/src/popup2/app.component.ts b/src/popup2/app.component.ts index 2f07d489f7..af654ac74d 100644 --- a/src/popup2/app.component.ts +++ b/src/popup2/app.component.ts @@ -42,7 +42,7 @@ import { routerTransition } from './app-routing.animations'; }) export class AppComponent implements OnInit { toasterConfig: ToasterConfig = new ToasterConfig({ - showCloseButton: true, + showCloseButton: false, mouseoverTimerStop: true, animation: 'slideUp', limit: 2, diff --git a/src/popup2/components/pop-out.component.html b/src/popup2/components/pop-out.component.html index 2507d233f8..7562b984a4 100644 --- a/src/popup2/components/pop-out.component.html +++ b/src/popup2/components/pop-out.component.html @@ -1,3 +1,3 @@ diff --git a/src/popup2/tools/password-generator-history.component.html b/src/popup2/tools/password-generator-history.component.html index 622848500b..9d8fbeb530 100644 --- a/src/popup2/tools/password-generator-history.component.html +++ b/src/popup2/tools/password-generator-history.component.html @@ -1,7 +1,7 @@
@@ -19,10 +19,12 @@
- - {{h.password}} - - {{h.date | date:'medium'}} +
+ + {{h.password}} + + {{h.date | date:'medium'}} +
-
-
diff --git a/src/popup2/vault/current-tab.component.html b/src/popup2/vault/current-tab.component.html index 301d1718e6..a591105f93 100644 --- a/src/popup2/vault/current-tab.component.html +++ b/src/popup2/vault/current-tab.component.html @@ -2,7 +2,7 @@
diff --git a/src/popup2/vault/groupings.component.html b/src/popup2/vault/groupings.component.html index 81dd438090..c811ef0841 100644 --- a/src/popup2/vault/groupings.component.html +++ b/src/popup2/vault/groupings.component.html @@ -9,7 +9,7 @@
diff --git a/src/scss/base.scss b/src/scss/base.scss index ab334f0a83..c17c1c5ad3 100644 --- a/src/scss/base.scss +++ b/src/scss/base.scss @@ -106,6 +106,9 @@ header { flex: 1; display: flex; min-width: -webkit-min-content; /* Workaround to Chrome bug */ + .header-icon { + margin-right: 5px; + } } .right { @@ -116,6 +119,7 @@ header { display: flex; align-items: center; text-align: center; + min-width: 0; } app-pop-out > button, div > button, div > a { @@ -149,10 +153,13 @@ header { .title { font-weight: bold; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .search { - padding: 7px; + padding: 7px 10px; width: 100%; text-align: left; position: relative; @@ -161,7 +168,7 @@ header { .fa { position: absolute; top: 15px; - left: 15px; + left: 10px; color: lighten($brand-primary, 30%); } @@ -185,6 +192,14 @@ header { } } } + + .left + .search { + padding-left: 0; + } + + .search + .right { + margin-left: -10px; + } } .content {