diff --git a/web/app/assets/stylesheets/client/jamtrack.css.scss b/web/app/assets/stylesheets/client/jamtrack.css.scss index b1aaf02e5..b9ed8314b 100644 --- a/web/app/assets/stylesheets/client/jamtrack.css.scss +++ b/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; diff --git a/web/app/views/clients/_jamtrack_landing.html.slim b/web/app/views/clients/_jamtrack_landing.html.slim index 06e3efc2f..3096da3c8 100644 --- a/web/app/views/clients/_jamtrack_landing.html.slim +++ b/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