From 0cc2aca9080fcb34e89df011cf35534607501f0c Mon Sep 17 00:00:00 2001
From: Seth Call <sethcall@gmail.com>
Date: Wed, 24 Feb 2016 06:56:58 -0600
Subject: [PATCH] * bump up sizes

---
 .../landings/individual_jamtrack.css.scss     | 80 +++++++++++++++++--
 1 file changed, 74 insertions(+), 6 deletions(-)

diff --git a/web/app/assets/stylesheets/landings/individual_jamtrack.css.scss b/web/app/assets/stylesheets/landings/individual_jamtrack.css.scss
index 128d1f7b8..4f99cbec8 100644
--- a/web/app/assets/stylesheets/landings/individual_jamtrack.css.scss
+++ b/web/app/assets/stylesheets/landings/individual_jamtrack.css.scss
@@ -31,12 +31,26 @@ body.web.individual_jamtrack {
   $cta-color: #e03d04;
   $chunkyBorderWidth: 6px;
 
+  .logo-home {
+    @include layout-small {
+      margin-left:20px !important;
+
+    }
+  }
   .full-row {
     width: 100%;
+    @include layout-small {
+      padding-left:20px !important;
+      padding-right:20px !important;
+    }
   }
 
   .row {
     width: 663px;
+    @include layout-small {
+      padding-left:20px !important;
+      padding-right:20px !important;
+    }
 
     @include layout-small {
       width:auto;
@@ -48,7 +62,10 @@ body.web.individual_jamtrack {
 
     .ios-appstore-badge {
       display:inline !important;
-      width:25%;
+      img {
+        width:33%;
+      }
+      font-size:40pt;
     }
   }
 
@@ -59,6 +76,11 @@ body.web.individual_jamtrack {
       clear: both;
       font-size: 20px;
       line-height: 175%;
+
+      @include layout-small {
+        font-size:40pt;
+        line-height:150%;
+      }
     }
   }
 
@@ -385,6 +407,10 @@ body.web.individual_jamtrack {
     font-size: 30px !important;
     padding-top: 0;
     margin-left: 35px;
+
+    @include layout-small {
+      font-size:45pt !important;
+    }
   }
 
   h2.original-artist {
@@ -393,6 +419,10 @@ body.web.individual_jamtrack {
     font-size: 24px;
     margin-left: 35px;
 
+    @include layout-small {
+      font-size:40pt !important;
+    }
+
     @include layout-small {
       margin-bottom:20px;
     }
@@ -587,9 +617,10 @@ body.web.individual_jamtrack {
     z-index: 1;
 
     @include layout-small {
-      margin:20px auto;
+      margin:20px 20px;
       position:static;
-      max-width:60%;
+      width:calc(100% - 40px);
+      max-width:calc(100% - 40px);
     }
 
     &.jamclass {
@@ -599,7 +630,7 @@ body.web.individual_jamtrack {
     .preview-jamtrack-header {
       background-color: $cta-color;
       color: white;
-      font-size: 24px;
+      font-size: 40pt;
       text-align: center;
       padding: 20px 0;
       border-width: 0 0 $chunkyBorderWidth;
@@ -623,6 +654,9 @@ body.web.individual_jamtrack {
 
       border-width: 0 0 $chunkyBorderWidth;
 
+      @include layout-small {
+        font-size:20px;
+      }
       &.jam-class {
         border-width: 0 0 2px;
         p {
@@ -648,6 +682,11 @@ body.web.individual_jamtrack {
         overflow-y: scroll;
         height: 160px;
         margin-bottom:10px;
+
+        @include layout-small {
+          max-height:13em;
+          height:auto;
+        }
       }
 
       .cta-buttons {
@@ -699,7 +738,7 @@ body.web.individual_jamtrack {
       }
       &.ios {
         background-color:$cta-color;
-        font-size:12px;
+        font-size:40pt;
 
         .ios-appstore-badge {
           display:inline-block;
@@ -801,6 +840,11 @@ body.web.individual_jamtrack {
       line-height: 150%;
       color: white;
       font-size: 14px;
+      @include layout-small {
+        font-size:40pt;
+        line-height:125%;
+      }
+
     }
   }
 
@@ -820,8 +864,32 @@ body.web.individual_jamtrack {
   .jam-track-preview {
     font-size:12px;
 
+
+    @include layout-small {
+      font-size:40pt;
+      line-height:40pt;
+      width:100%;
+      .instrument-part {
+        width:auto;
+      }
+      .instrument-icon{
+        height:40pt;
+        width:40pt;
+      }
+      .actions {
+        .play-button, .stop-button {
+          height:40pt;
+          width:40pt;
+          background-size: contain;
+        }
+      }
+    }
     .instrument-part {
-      width:175px
+      width:175px;
+      @include layout-small {
+        width: calc(100% - 100pt);
+        //font-size: 35px;
+      }
     }
 
     .instrument-name,.part {