diff --git a/src/popup/app/vault/vaultViewGroupingController.js b/src/popup/app/vault/vaultViewGroupingController.js index c36d337415..34873afd94 100644 --- a/src/popup/app/vault/vaultViewGroupingController.js +++ b/src/popup/app/vault/vaultViewGroupingController.js @@ -17,15 +17,15 @@ angular id: null, name: i18nService.noneFolder }; - $scope.folderGrouping = false; + $scope.folderGrouping = true; $scope.collectionGrouping = false; if (state.folderId && state.folderId !== '0') { $scope.grouping.id = state.folderId; - $scope.folderGrouping = true; } else if (state.collectionId && state.collectionId !== '0') { $scope.grouping.id = state.collectionId; + $scope.folderGrouping = false; $scope.collectionGrouping = true; } diff --git a/src/popup/app/vault/views/vault.html b/src/popup/app/vault/views/vault.html index 647c516b6e..5bfc047bc9 100644 --- a/src/popup/app/vault/views/vault.html +++ b/src/popup/app/vault/views/vault.html @@ -41,11 +41,17 @@
- - {{folder.name}} - - {{folder.itemCount}} +
+ + {{folder.itemCount}} +
+
+ +
+ + {{folder.name}} +
@@ -57,10 +63,16 @@
- - {{collection.name}} - - {{collection.itemCount}} +
+ + {{collection.itemCount}} +
+
+ +
+ + {{collection.name}} +
diff --git a/src/popup/less/components.less b/src/popup/less/components.less index b1e36eb8dd..058a1f7396 100644 --- a/src/popup/less/components.less +++ b/src/popup/less/components.less @@ -1,4 +1,4 @@ -@import (reference) "variables.less"; +@import (reference) "variables.less"; @import (reference) "mixins.less"; .header { @@ -364,10 +364,14 @@ max-height: 20px; max-width: 20px; } + + &.single-line { + height: initial; + display: block; + text-align: center; + } } - - .action-buttons { float: right;