Add missing CSS and HTML fixes to plans page

This commit is contained in:
Joseph Schorr 2015-10-27 12:28:52 -04:00
parent 3a36e23142
commit 89b6a39dfd
2 changed files with 32 additions and 9 deletions

View file

@ -70,6 +70,7 @@
font-size: 13px; font-size: 13px;
} }
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.plans-panel .plan-tabs { .plans-panel .plan-tabs {
margin-bottom: 0px; margin-bottom: 0px;
@ -133,6 +134,10 @@
border-bottom: 1px dashed #495b6a; border-bottom: 1px dashed #495b6a;
} }
.plans-panel .plan-box.gray .plan-header {
border-bottom: 1px dashed #ccc;
}
.plans-panel .plan-box .qe-plan-description { .plans-panel .plan-box .qe-plan-description {
margin-bottom: 20px; margin-bottom: 20px;
} }
@ -198,7 +203,6 @@
margin: 0px; margin: 0px;
margin-top: 10px; margin-top: 10px;
list-style: none; list-style: none;
color: #6aab56;
text-align: center; text-align: center;
padding: 0px; padding: 0px;
} }
@ -206,10 +210,29 @@
.plans-panel .plan-features li { .plans-panel .plan-features li {
text-align: left; text-align: left;
margin-bottom: 10px; margin-bottom: 10px;
position: relative;
padding-left: 25px;
} }
.plans-panel .plan-features i.fa { .plans-panel .plan-features i.fa {
margin-right: 10px; position: absolute;
left: 0px;
top: 4px;
color: #6aab56;
}
.plans-panel .plan-features li b {
color: #6aab56;
}
.plans-panel .plan-features.single-feature li {
text-align: center;
color: #6aab56;
}
.plans-panel .plan-features.single-feature i.fa {
position: static;
margin-right: 4px;
} }
.plans-panel .plan-features li.disabled { .plans-panel .plan-features li.disabled {
@ -336,7 +359,7 @@
.plans-panel .faq-sub-col img { .plans-panel .faq-sub-col img {
width: 100%; width: 100%;
max-height: 70px; max-height: 45px;
margin-bottom: 20px; margin-bottom: 20px;
} }

View file

@ -188,7 +188,7 @@
</a> </a>
</div> </div>
<ul class="plan-features"> <ul class="plan-features single-feature">
<li><i class="fa fa-clock-o"></i>30-day free trial</li> <li><i class="fa fa-clock-o"></i>30-day free trial</li>
</ul> </ul>
</div> </div>
@ -212,7 +212,7 @@
</a> </a>
</div> </div>
<ul class="plan-features"> <ul class="plan-features single-feature">
<li><i class="fa fa-clock-o"></i>30-day free trial</li> <li><i class="fa fa-clock-o"></i>30-day free trial</li>
</ul> </ul>
</div> </div>
@ -236,7 +236,7 @@
</a> </a>
</div> </div>
<ul class="plan-features"> <ul class="plan-features single-feature">
<li><i class="fa fa-clock-o"></i>30-day free trial</li> <li><i class="fa fa-clock-o"></i>30-day free trial</li>
</ul> </ul>
</div> </div>
@ -266,7 +266,7 @@
</a> </a>
</div> </div>
<ul class="plan-features"> <ul class="plan-features single-feature">
<li><i class="fa fa-clock-o"></i>30-day free trial</li> <li><i class="fa fa-clock-o"></i>30-day free trial</li>
</ul> </ul>
</div> </div>
@ -324,7 +324,7 @@
<li><i class="fa fa-calendar"></i> <li><i class="fa fa-calendar"></i>
<b>Invoice History</b> <b>Invoice History</b>
<p>Download past invoices for your billing team or purchasing departement.</p> <p>Download past invoices for your billing team or purchasing department.</p>
</li> </li>
</ul> </ul>
</div> </div>