Commit b12cf634 authored by Martin Schoeler's avatar Martin Schoeler

More pricing fixes

This fixes the alignment of the grids, the cursor on the cloud and self managed buttons and some mobile views
parent d65bc2dc
...@@ -6,7 +6,7 @@ paginate_path: /blog/page/:num/ ...@@ -6,7 +6,7 @@ paginate_path: /blog/page/:num/
paginate: 8 paginate: 8
# bump if alterting styles # bump if alterting styles
version: 47 version: 48
# read speed # read speed
wpm: 160 wpm: 160
......
...@@ -86,6 +86,7 @@ body.pricing { ...@@ -86,6 +86,7 @@ body.pricing {
height: 43px; height: 43px;
width: 216px; width: 216px;
background: #A3B4CC; background: #A3B4CC;
cursor: pointer;
&.active { &.active {
background: $brand; background: $brand;
} }
...@@ -120,8 +121,15 @@ body.pricing { ...@@ -120,8 +121,15 @@ body.pricing {
align-content: center; align-content: center;
justify-content: flex-end; justify-content: flex-end;
margin-bottom: -1px;
margin-left: -4px;
margin-right: 1px;
@media screen and (max-width: $tablet) {
flex-direction: column;
}
.plan_wrapper { .plan_wrapper {
height: 420px; min-height: 420px;
width: 25%; width: 25%;
border: 1px solid #e7ebf2; border: 1px solid #e7ebf2;
color: #6b7d99; color: #6b7d99;
...@@ -132,6 +140,13 @@ body.pricing { ...@@ -132,6 +140,13 @@ body.pricing {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
margin-right: -1px;
@media screen and (max-width: $tablet) {
width: 100%;
}
&.footer { &.footer {
height: unset; height: unset;
border-top: 0; border-top: 0;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment