From c8a9f6f81083fae05435ea21981913f34721f65e Mon Sep 17 00:00:00 2001 From: Michael Q Larson Date: Sat, 7 Mar 2015 19:03:26 -0800 Subject: [PATCH] add benign class that makes search and submit fields on news right size on mobile --- public/css/main.less | 11 +++++++---- views/stories/preliminary-submit.jade | 4 ++-- views/stories/search-stories.jade | 4 ++-- 3 files changed, 11 insertions(+), 8 deletions(-) diff --git a/public/css/main.less b/public/css/main.less index 3a95c021aa..bec9f26513 100644 --- a/public/css/main.less +++ b/public/css/main.less @@ -395,17 +395,20 @@ ul { font-size: 30px; } -.btn-small { +.big-text-field { font-size: 30px; + height: 57px; +} + +.btn-responsive { @media (max-width: 768px) { font-size: 15px; height: 26.5px; padding-top: 1px; } } -.big-text-field { - font-size: 30px; - height: 57px; + +.field-responsive { @media (max-width: 768px) { font-size: 15px; height: 26.5px; diff --git a/views/stories/preliminary-submit.jade b/views/stories/preliminary-submit.jade index 70ca4bf601..293445f2c5 100644 --- a/views/stories/preliminary-submit.jade +++ b/views/stories/preliminary-submit.jade @@ -3,9 +3,9 @@ div(ng-controller="URLSubmitController") form.input-group(name='URLSubmit') - input#story-url.big-text-field.form-control(placeholder='Paste your link here', name='link', type='url', ng-model='possibleURL' autofocus) + input#story-url.big-text-field.field-responsive.form-control(placeholder='Paste your link here', name='link', type='url', ng-model='possibleURL' autofocus) span.input-group-btn - button#preliminary-story-submit.btn.btn-big.btn-primary(type='button', ng-disabled='URLSubmit.link.$invalid') Submit + button#preliminary-story-submit.btn.btn-big.btn-primary.btn-responsive(type='button', ng-disabled='URLSubmit.link.$invalid') Submit div(ng-show="URLSubmit.link.$error.url && !URLsubmit.link.$pristine") alert(type='danger') span.ion-close-circled diff --git a/views/stories/search-stories.jade b/views/stories/search-stories.jade index f1140493c7..8a56a0664d 100644 --- a/views/stories/search-stories.jade +++ b/views/stories/search-stories.jade @@ -1,9 +1,9 @@ .col-xs-12 .spacer .input-group - input#searchArea.big-text-field.form-control(type='text', placeholder='Search our stories', autofocus) + input#searchArea.big-text-field.field-responsive.form-control(type='text', placeholder='Search our stories', autofocus) span.input-group-btn - button#searchbutton.btn.btn-big.btn-primary(type='button') Search + button#searchbutton.btn.btn-big.btn-primary.btn-responsive(type='button') Search .spacer #story-list