Add missing CSS and HTML fixes to plans page
This commit is contained in:
parent
3a36e23142
commit
89b6a39dfd
2 changed files with 32 additions and 9 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Reference in a new issue