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

@ -67,9 +67,10 @@
height: 30px;
}
.plans-panel .plan-tabs a .tab-title {
font-size: 13px;
font-size: 13px;
}
}
@media (max-width: 767px) {
.plans-panel .plan-tabs {
margin-bottom: 0px;
@ -133,6 +134,10 @@
border-bottom: 1px dashed #495b6a;
}
.plans-panel .plan-box.gray .plan-header {
border-bottom: 1px dashed #ccc;
}
.plans-panel .plan-box .qe-plan-description {
margin-bottom: 20px;
}
@ -198,7 +203,6 @@
margin: 0px;
margin-top: 10px;
list-style: none;
color: #6aab56;
text-align: center;
padding: 0px;
}
@ -206,10 +210,29 @@
.plans-panel .plan-features li {
text-align: left;
margin-bottom: 10px;
position: relative;
padding-left: 25px;
}
.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 {
@ -336,7 +359,7 @@
.plans-panel .faq-sub-col img {
width: 100%;
max-height: 70px;
max-height: 45px;
margin-bottom: 20px;
}

View file

@ -188,7 +188,7 @@
</a>
</div>
<ul class="plan-features">
<ul class="plan-features single-feature">
<li><i class="fa fa-clock-o"></i>30-day free trial</li>
</ul>
</div>
@ -212,7 +212,7 @@
</a>
</div>
<ul class="plan-features">
<ul class="plan-features single-feature">
<li><i class="fa fa-clock-o"></i>30-day free trial</li>
</ul>
</div>
@ -236,7 +236,7 @@
</a>
</div>
<ul class="plan-features">
<ul class="plan-features single-feature">
<li><i class="fa fa-clock-o"></i>30-day free trial</li>
</ul>
</div>
@ -266,7 +266,7 @@
</a>
</div>
<ul class="plan-features">
<ul class="plan-features single-feature">
<li><i class="fa fa-clock-o"></i>30-day free trial</li>
</ul>
</div>
@ -324,7 +324,7 @@
<li><i class="fa fa-calendar"></i>
<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>
</ul>
</div>