diff --git a/_extensions/odoo/static/style.css b/_extensions/odoo/static/style.css index 38d92bc08..8a09d091e 100644 --- a/_extensions/odoo/static/style.css +++ b/_extensions/odoo/static/style.css @@ -11268,7 +11268,7 @@ body > footer .o_footer_bottom .social-links .fa { main { z-index: 0; position: relative; - margin: 0px auto; + margin: -10px auto 0; display: block; border-radius: 2px; background-color: #fff; @@ -11449,9 +11449,24 @@ main.index.animating .card { -ms-transform-origin: 50% 0px 0px; transform-origin: 50% 0px 0px; } +@media screen and (min-width: 768px) and (max-width: 991px) { + .card.top { + padding-top: 12%; + } +} #wrap.index .card.top { padding: 0 0 4%; } +@media screen and (min-width: 768px) { + #wrap.index .card.top { + padding-top: 12%; + } +} +@media screen and (min-width: 1200px) { + #wrap.index .card.top { + padding-top: 8%; + } +} .card.top.stacked { background: transparent; -webkit-transition: background 1s; diff --git a/_extensions/odoo/static/style.less b/_extensions/odoo/static/style.less index 8ba023b44..9c5a434b9 100644 --- a/_extensions/odoo/static/style.less +++ b/_extensions/odoo/static/style.less @@ -126,7 +126,7 @@ main { z-index: 0; position: relative; - margin: 0px auto; + margin: -10px auto 0; display: block; border-radius: 2px; background-color: @doc_paper; @@ -242,8 +242,20 @@ main.index { .box-shadow(none); .transform-origin(50% 0px 0px); + @media screen and (min-width: @screen-sm-min) and (max-width: (@screen-md-min - 1)) { + padding-top: 12%; + } + #wrap.index & { padding: 0 0 4%; + + @media screen and (min-width: @screen-sm-min) { + padding-top: 12%; + } + + @media screen and (min-width: @screen-lg-min) { + padding-top: 8%; + } } &.stacked{