CSS changes

BrandTurner · May 1, 2017 · a2adb78 · a2adb78
1 parent 930b942
commit a2adb78
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/app/components/ArtistView.css b/app/components/ArtistView.css
@@ -79,7 +79,6 @@
 }
 
 .artist_view_top_track {
-  display: flex;
   padding: 0px 12px 0px 12px;
   margin: 0px;
   background-color: #00000000;
@@ -95,6 +94,7 @@
 .artist_view_top_track_name {
   width: 100%;
   margin: 0px 24px 0px 24px;
+  padding-left: 12px;
   text-align: left;
   white-space: nowrap;
   overflow: hidden;

diff --git a/app/components/ArtistView.js b/app/components/ArtistView.js
@@ -56,6 +56,14 @@ export default class ArtistView extends Component {
                 <div className={styles.artist_view_top_tracks_label}>Popular tracks</div>
                 <div className={styles.artist_view_top_tracks_list}>
                   <table style={{width: '100%'}}>
+                    <thead>
+                      <tr>
+                        <th><i className="fa fa-picture-o" /></th>
+                        <th style={{paddingLeft: '12px'}}>Track</th>
+                        <th>Playcount</th>
+                      </tr>
+                    </thead>
+                    <tbody>
                     {
                       this.props.artistTopTracks.slice(0, 5).map((el, i) => {
                         return (
@@ -67,6 +75,7 @@ export default class ArtistView extends Component {
                         );
                       })
                     }
+                  </tbody>
                   </table>
                 </div>
               </div>