[FIX] documentation-user: minor layout fixes

* Adjust ‘.card.top’ padding for index pages
* Offset-top main content for mobile

_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;

_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{