0 ? "70" : "100")}>
Top tracks
@@ -222,21 +222,23 @@ class Artist extends React.Component{
-
- Albums
- {this.setSort(val); this.props.uiActions.hideContextMenu() }} />
-
+
+
+ Albums
+ {this.setSort(val); this.props.uiActions.hideContextMenu() }} />
+
-
-
- this.loadMore()} />
-
+
+
+ this.loadMore()} />
+
+
)
}
diff --git a/src/scss/components/_lists.scss b/src/scss/components/_lists.scss
index e468130e..ead1f289 100755
--- a/src/scss/components/_lists.scss
+++ b/src/scss/components/_lists.scss
@@ -75,10 +75,7 @@
color: $grey;
text-transform: uppercase;
border-top: 0;
-
- .liner {
- padding-bottom: 2px;
- }
+ padding-bottom: 2px;
}
&.field {
@@ -203,18 +200,16 @@
&.queue-track-list {
.list-item {
- .liner {
- padding-right: 60px;
- }
- }
- .col {
- &.name,
- &.artists,
- &.album {
- width: 25% !important;
- }
- &.added {
- width: 20%;
+ padding-right: 60px;
+ .col {
+ &.name,
+ &.artists,
+ &.album {
+ width: 25% !important;
+ }
+ &.added {
+ width: 20%;
+ }
}
}
}
diff --git a/src/scss/global/_core.scss b/src/scss/global/_core.scss
index 685fb09f..6a515f7a 100755
--- a/src/scss/global/_core.scss
+++ b/src/scss/global/_core.scss
@@ -191,6 +191,10 @@ h4 {
&:not(:first-child){
padding-top: 40px;
}
+
+ .dropdown-field {
+ margin-left: 10px;
+ }
}
.no-results {
diff --git a/src/scss/views/_artist.scss b/src/scss/views/_artist.scss
index d521c061..7002b2cc 100755
--- a/src/scss/views/_artist.scss
+++ b/src/scss/views/_artist.scss
@@ -41,16 +41,25 @@
}
- .body.about {
- @include clearfix();
+ .body {
- .biography {
- padding-left: 40px;
- box-sizing: border-box;
+ &.overview {
+ .albums {
+ padding-top: 30px;
+ }
+ }
- .biography-text {
- overflow-wrap: break-word;
- }
+ &.about {
+ @include clearfix();
+
+ .biography {
+ padding-left: 40px;
+ box-sizing: border-box;
+
+ .biography-text {
+ overflow-wrap: break-word;
+ }
+ }
}
}
@@ -105,12 +114,16 @@
}
}
}
- .body {
+ .body {
&.overview {
- h4 {
+ .top-tracks h4 {
display: none;
}
+ .albums h4 {
+ padding: 0;
+ margin: 0 0 -30px;
+ }
.col.w70 {
width: 100%;
}