VRFS-3018 : Style artist list to be two columns. Also tweak the other styles to more closely resemble screenshot. Fix physical layout as appropriate.

web/app/assets/stylesheets/client/jamtrack.css.scss

@@ -1,17 +1,40 @@
 @import 'common';
 
 #jamtrackLanding {
-  ul {
-    li {
-      margin: 1px 4px 1px 4em;
-      font-size:9px;
+  font-family: verdana;
+  .two-column-list-container {
+    -moz-column-count: 2;
+    -moz-column-gap: 20px;
+    -webkit-column-count: 2;
+    -webkit-column-gap: 20px;
+    column-count: 2;
+    column-gap: 20px;
+    margin-left: 0px;
+    ul {
+      list-style-type: none;      
+      li {
+        margin: 1px 4px 1px 0px;
+        font-size:11px;
+      }
     }
   }
 
+  ul {
+    li {
+      margin: 1px 4px 1px 4px;
+      font-size:11px;
+    }
+  }
+
+  .browse-header {
+    padding: 4px 0 4px 0;
+  }
+
   .list-columns {
+    padding: 4px;
     h2 {
       font-size: 16pt;
-      font-weight:300;
+      font-weight:600;
       font-style: bolder;
       font-family: verdana; 
       text-transform: lowercase;
@@ -23,24 +46,26 @@
       padding: 3px;
       @include border-radius(7px);      
       background-color:$ColorScreenPrimary;
+      color: white !important;
       text-align: center;
       vertical-align: center;
     }
 
     .what, .howto {
       margin-bottom: 2em;
-    }
-    p {
-      font-size: 12pt !important;
-      font-weight: normal;
-      line-height: 16px;    
-      color: #dddddd;
       * {
-        font-size: 10pt !important;
-        font-weight: normal;
-        line-height: 16px;    
-      }
-    }
+        font-family: arial;      
+        font-size: 11pt;
+        font-weight: 200;
+        line-height: 17px;    
+        color: #cccccc;        
+      }      
+    }    
+
+    .details {
+      margin-bottom: 4px !important;
+    }        
+
     .about {
       @include border_box_sizing;
       float: left;

web/app/views/clients/_jamtrack_landing.html.slim

@@ -8,7 +8,7 @@
       .list-columns
         .about
           h2 what are jamtracks?
-          p.what
+          .what
             .details JamTracks are the best way to play along with your favorite music!  Unlike traditional backing tracks, JamTracks are professionally mastered, complete multitrack recordings, with fully isolated tracks for each and every part of the master mix.  Used with the free JamKazam app & Internet service, you can:
             ul
               li Solo just the part you want to play in order to hear and learn it
@@ -19,17 +19,17 @@
             / TODO: put in video thumbnail when available:
         .browse
           h2 my jamtracks
-          p.howto 
+          .howto 
             .details
               span="To play with your JamTracks, open a JamTrack while in a session in the JamKazam app.  Or "
               a href="client#/jamtrack" visit the JamTracks Section of your account.
-            .free-jamtrack.orange-fill
+            .free-jamtrack.orange-fill.details
               | For a limited time, get one JamTrack free.  Browse JamTracks below, add one to your shopping cart, and we'll make it free during the checkout process.
           h2 browse jamtracks
           .browse-header
-            span="browse by band    "
+            | browse by band   
             a href="client#/jamtrack" or browse all jamtracks
-          .band-browse
+          .band-browse.two-column-list-container
             ul#band_list
               li#no_bands_found.hidden No bands found