Fix mobile styling

This commit is contained in:
Kane York 2015-09-01 16:49:45 -07:00
parent 940b79ed5b
commit d7a79aeb8a
4 changed files with 24 additions and 7 deletions

View file

@ -15,4 +15,5 @@
<a {{action "neverShow"}}>{{i18n "signup_cta.hide_forever"}}</a>
</div>
{{/if}}
<div class="clearfix"></div>
</div>

View file

@ -1,10 +1,3 @@
.alert {
margin-bottom: 15px;
}
.signup-cta {
margin-top: 15px;
a {
float: right;
text-decoration: underline;
}
}

View file

@ -971,6 +971,14 @@ span.highlighted {
transition: opacity ease-out 1s;
}
.signup-cta {
margin-top: 15px;
width: $topic-body-width;
a {
float: right;
text-decoration: underline;
}
}
/* Tablet (portrait) ----------- */

View file

@ -509,6 +509,21 @@ span.highlighted {
display: none;
}
.signup-cta {
margin-top: 15px;
margin-left: auto;
margin-right: auto;
width: calc(100% - 50px);
a {
float: right;
text-decoration: underline;
margin-top: 7px;
}
button {
margin-right: 7px;
}
}
.small-action .small-action-desc {
p {
padding-top: 0;