diff --git a/public/templates/directives/users-list.html b/public/templates/directives/users-list.html
index 10335144..70252f22 100644
--- a/public/templates/directives/users-list.html
+++ b/public/templates/directives/users-list.html
@@ -1,7 +1,7 @@
-
+
Is Vocal: {{query.filters.isVocal.title}}
@@ -52,7 +52,7 @@
-
+
Order: {{query.filters.sort.title}}
diff --git a/resources/assets/styles/components/components.less b/resources/assets/styles/components/components.less
index 6fe8a426..72e34a57 100644
--- a/resources/assets/styles/components/components.less
+++ b/resources/assets/styles/components/components.less
@@ -76,11 +76,16 @@
> .btn {
background: @pfm-purple;
color: #fff;
- border-radius: 0 15px 15px 0;
}
- > .dropdown-toggle {
- border-radius: 15px 0 0 15px;
+ &.filterable {
+ > .btn {
+ border-radius: 0 15px 15px 0;
+ }
+
+ > .dropdown-toggle {
+ border-radius: 15px 0 0 15px;
+ }
}
.dropdown-menu {
diff --git a/resources/assets/styles/content.less b/resources/assets/styles/content.less
index 9c38692c..903c2497 100644
--- a/resources/assets/styles/content.less
+++ b/resources/assets/styles/content.less
@@ -67,8 +67,8 @@
li {
.box-sizing(border-box);
float: left;
- width: 25%;
- padding: 0px;
+ width: 12.5%;
+ margin: 10px;
line-height: normal;
.material-shadow(1);
border-radius: 2px;
diff --git a/resources/assets/styles/layout.less b/resources/assets/styles/layout.less
index 657349ca..0744b385 100644
--- a/resources/assets/styles/layout.less
+++ b/resources/assets/styles/layout.less
@@ -203,6 +203,7 @@ header {
padding: 12px 0 12px 22px;
overflow: hidden;
color: fadeout(#fff, 20%);
+ font-size: 14px;
&:hover {
color: #fff;
diff --git a/resources/assets/styles/mobile.less b/resources/assets/styles/mobile.less
index 4901a124..ec78e866 100644
--- a/resources/assets/styles/mobile.less
+++ b/resources/assets/styles/mobile.less
@@ -414,8 +414,20 @@
left: 16px;
}
- .albums-listing {
+ .albums-listing, .playlists-listing, .users-listing {
width: 100% !important;
+
+ li {
+ a img {
+ width: 60px;
+ float: left;
+ }
+
+ .info {
+ margin-left: 60px;
+ padding: 2px 5px;
+ }
+ }
}
}