diff --git a/web/app/assets/javascripts/react-components/landing/JamTrackLandingPage.js.jsx.coffee b/web/app/assets/javascripts/react-components/landing/JamTrackLandingPage.js.jsx.coffee index 75ed32d0d..889219650 100644 --- a/web/app/assets/javascripts/react-components/landing/JamTrackLandingPage.js.jsx.coffee +++ b/web/app/assets/javascripts/react-components/landing/JamTrackLandingPage.js.jsx.coffee @@ -122,8 +122,8 @@ rest = context.JK.Rest() componentDidMount:() -> $root = $(this.getDOMNode()) $checkbox = $root.find('.terms-checkbox') - console.log("$checkbox", $checkbox) - context.JK.checkbox($checkbox) + #console.log("$checkbox", $checkbox) + #context.JK.checkbox($checkbox) # add item to cart, create the user if necessary, and then place the order to get the free JamTrack. ctaClick: (e) -> diff --git a/web/app/assets/stylesheets/landings/individual_jamtrack.css.scss b/web/app/assets/stylesheets/landings/individual_jamtrack.css.scss index 4f99cbec8..fc42b08e7 100644 --- a/web/app/assets/stylesheets/landings/individual_jamtrack.css.scss +++ b/web/app/assets/stylesheets/landings/individual_jamtrack.css.scss @@ -447,6 +447,9 @@ body.web.individual_jamtrack { .privacy-policy { color: #ffcf00; + @include layout-small { + font-size:30pt; + } } .browse-all { @@ -630,13 +633,16 @@ body.web.individual_jamtrack { .preview-jamtrack-header { background-color: $cta-color; color: white; - font-size: 40pt; + font-size: 24px; text-align: center; padding: 20px 0; border-width: 0 0 $chunkyBorderWidth; border-style: solid; border-color: $copy-color-on-dark; + @include layout-small { + font-size:40pt; + } &.gift-card { padding:20px 0 10px; .jamtrack-title { @@ -703,6 +709,9 @@ body.web.individual_jamtrack { border: 1px outset buttonface; font-family: Raleway, Arial, Helvetica, sans-serif; + @include layout-small { + font-size:30pt; + } &.gift-card { font-size:16px; width:138px; @@ -727,9 +736,18 @@ body.web.individual_jamtrack { &.terms-help { height:auto !important; } + + @include layout-small { + height:40pt; + font-size:30pt; + } } input { width:60% !important; + @include layout-small { + height:40pt; + font-size:30pt; + } } } @@ -757,10 +775,17 @@ body.web.individual_jamtrack { color: black; font-size: 16px; + @include layout-small { + font-size:30pt; + } &[name="terms"] { width:auto; line-height:24px; vertical-align:middle; + + @include layout-small { + line-height:125%; + } } } .checkbox-wrap { @@ -770,6 +795,13 @@ body.web.individual_jamtrack { @include border_box_sizing; text-align:right; + input { + height:auto; + @include layout-small { + height: 30pt !important; + width: 30pt !important; + } + } @include layout-small { width:40%; margin-left:0; @@ -791,10 +823,15 @@ body.web.individual_jamtrack { width: 100%; border: 1px outset buttonface; font-family: Raleway, Arial, Helvetica, sans-serif; + + @include layout-small { + font-size:30pt; + } } .privacy-policy { text-decoration: underline; + } form { @@ -812,6 +849,11 @@ body.web.individual_jamtrack { &.active { visibility: visible; } + + @include layout-small { + font-size:20pt; + height:32pt; + } } label { display: inline-block; @@ -826,6 +868,13 @@ body.web.individual_jamtrack { height:28px; line-height:14px; float:right; + @include layout-small { + line-height:125%; + } + } + @include layout-small { + height:40pt; + font-size:30pt; } } input { @@ -834,6 +883,11 @@ body.web.individual_jamtrack { float: right; margin-bottom: 15px; @include border-box_sizing; + + @include layout-small { + height:40pt; + font-size:30pt; + } } } p { @@ -906,6 +960,9 @@ body.web.individual_jamtrack { text-align:center; color:white; margin-top:10px; + @include layout-small { + font-size:20pt; + } } .ios-appstore-badge { display:block;