improved mobile display

sites/all/themes/gui/materiobasetheme/css/styles.css

@@ -11465,7 +11465,13 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .panel-pane.formations .group-content-wrapper .field-name-body {
   margin-top: 1em;
 }
-/* line 3178, ../scss/styles.scss */
+@media only screen and (max-width: 40em) {
+  /* line 3143, ../scss/styles.scss */
+  #home-v2 > .panel-panel > div > .panel-pane.formations {
+    height: auto;
+  }
+}
+/* line 3181, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   -webkit-transition: box-shadow 0.3s ease-out;
@@ -11478,12 +11484,12 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .panel-pane.services:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 }
-/* line 3184, ../scss/styles.scss */
+/* line 3187, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services .node {
   padding: 0 30% 0 0;
   width: 70%;
 }
-/* line 3187, ../scss/styles.scss */
+/* line 3190, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services .node:before {
   content: " ";
   background: transparent url("../img/services.png") no-repeat center center;
@@ -11495,21 +11501,27 @@ body.home-v2 #center {
   width: 30%;
   height: 100%;
 }
-/* line 3200, ../scss/styles.scss */
+/* line 3203, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper {
   padding: 1em;
   position: relative;
 }
-/* line 3202, ../scss/styles.scss */
+/* line 3205, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper .field-name-title-field {
   font-size: 2.1em;
   font-weight: 300;
 }
-/* line 3205, ../scss/styles.scss */
+/* line 3208, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services .group-content-wrapper .field-name-body {
   margin-top: 1em;
 }
-/* line 3211, ../scss/styles.scss */
+@media only screen and (max-width: 40em) {
+  /* line 3181, ../scss/styles.scss */
+  #home-v2 > .panel-panel > div > .panel-pane.services {
+    height: auto;
+  }
+}
+/* line 3218, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.publication {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   -webkit-transition: box-shadow 0.3s ease-out;
@@ -11525,11 +11537,11 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .panel-pane.publication:hover {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 }
-/* line 3218, ../scss/styles.scss */
+/* line 3225, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.publication, #home-v2 > .panel-panel > div > .panel-pane.publication a, #home-v2 > .panel-panel > div > .panel-pane.publication h1, #home-v2 > .panel-panel > div > .panel-pane.publication h2 {
   color: #fff;
 }
-/* line 3222, ../scss/styles.scss */
+/* line 3229, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row {
   display: moz-inline-stack;
   display: inline-block;
@@ -11538,19 +11550,19 @@ body.home-v2 #center {
   *display: inline;
   width: 30%;
 }
-/* line 3225, ../scss/styles.scss */
+/* line 3232, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row h1 {
   display: none;
 }
 @media only screen and (max-width: 40em) {
-  /* line 3230, ../scss/styles.scss */
+  /* line 3237, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .panel-pane.publication .view-publication-home-v2 .views-row {
     display: block;
     width: 90%;
     margin-bottom: 1em;
   }
 }
-/* line 3236, ../scss/styles.scss */
+/* line 3243, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 {
   background-color: #e6e6e6;
   border-radius: 10px;
@@ -11560,12 +11572,12 @@ body.home-v2 #center {
   padding-bottom: 1em;
   position: relative;
 }
-/* line 3243, ../scss/styles.scss */
+/* line 3250, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 h2 {
   font-size: 30px;
 }
 @media only screen and (min-width: 40.063em) {
-  /* line 3246, ../scss/styles.scss */
+  /* line 3253, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper {
     width: 100%;
     margin-left: auto;
@@ -11583,7 +11595,7 @@ body.home-v2 #center {
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper:after {
     clear: both;
   }
-  /* line 3248, ../scss/styles.scss */
+  /* line 3255, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel {
     overflow: hidden;
     padding-left: 0.9375rem;
@@ -11593,25 +11605,25 @@ body.home-v2 #center {
     padding: 0em;
     margin-left: 1em;
   }
-  /* line 3253, ../scss/styles.scss */
+  /* line 3260, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel.panel-col-first {
     width: auto;
   }
-  /* line 3254, ../scss/styles.scss */
+  /* line 3261, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel:not(.panel-col-first) {
     width: 31%;
   }
-  /* line 3255, ../scss/styles.scss */
+  /* line 3262, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel .inside {
     margin: 0;
   }
-  /* line 3256, ../scss/styles.scss */
+  /* line 3263, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel article.node, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel article.node-breve.vm-cardbig {
     margin: 0;
     height: 610px;
   }
 }
-/* line 3261, ../scss/styles.scss */
+/* line 3268, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom {
   width: 100%;
   margin-left: auto;
@@ -11631,22 +11643,22 @@ body.home-v2 #center {
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom:after {
   clear: both;
 }
-/* line 3263, ../scss/styles.scss */
+/* line 3270, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom > .inside {
   padding-left: 0.9375rem;
   padding-right: 0.9375rem;
   width: 100%;
   float: left;
 }
-/* line 3267, ../scss/styles.scss */
+/* line 3274, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom p {
   display: none;
 }
-/* line 3268, ../scss/styles.scss */
+/* line 3275, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes {
   margin: 0 0 0.5em 0;
 }
-/* line 3270, ../scss/styles.scss */
+/* line 3277, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes .form-item {
   display: moz-inline-stack;
   display: inline-block;
@@ -11655,11 +11667,11 @@ body.home-v2 #center {
   *display: inline;
   margin-right: 1em;
 }
-/* line 3272, ../scss/styles.scss */
+/* line 3279, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes .form-item label, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-checkboxes .form-item input {
   vertical-align: middle;
 }
-/* line 3276, ../scss/styles.scss */
+/* line 3283, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-item-mail {
   display: moz-inline-stack;
   display: inline-block;
@@ -11668,7 +11680,7 @@ body.home-v2 #center {
   *display: inline;
   margin: 0;
 }
-/* line 3278, ../scss/styles.scss */
+/* line 3285, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-item-mail label, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom .form-item-mail input {
   display: moz-inline-stack;
   display: inline-block;
@@ -11677,7 +11689,7 @@ body.home-v2 #center {
   *display: inline;
   margin-right: 1em;
 }
-/* line 3281, ../scss/styles.scss */
+/* line 3288, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom #edit-subscribe, #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .panel-col-bottom #edit-unsubscribe {
   display: moz-inline-stack;
   display: inline-block;
@@ -11685,7 +11697,7 @@ body.home-v2 #center {
   zoom: 1;
   *display: inline;
 }
-/* line 3287, ../scss/styles.scss */
+/* line 3294, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews {
   border-radius: 5px;
   background-clip: padding-box;
@@ -11697,7 +11709,7 @@ body.home-v2 #center {
   position: relative;
   margin: 7px;
 }
-/* line 3294, ../scss/styles.scss */
+/* line 3301, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a {
   position: absolute;
   bottom: 0;
@@ -11705,13 +11717,13 @@ body.home-v2 #center {
   background-color: #FFF;
   text-align: center;
 }
-/* line 3299, ../scss/styles.scss */
+/* line 3306, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2 .node-simplenews > a h1 {
   padding: 10px;
   margin: 0;
   font-size: 1em;
 }
-/* line 3308, ../scss/styles.scss */
+/* line 3315, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .pane-news-home-v2:after {
   content: url("../img/point.png");
   position: absolute;
@@ -11719,19 +11731,19 @@ body.home-v2 #center {
   right: 10px;
 }
 @media only screen and (max-width: 40em) {
-  /* line 3236, ../scss/styles.scss */
+  /* line 3243, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 {
     background-color: transparent;
   }
-  /* line 3319, ../scss/styles.scss */
+  /* line 3326, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel.panel-col-first {
     max-width: 100%;
   }
-  /* line 3320, ../scss/styles.scss */
+  /* line 3327, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2 #mini-panel-news_home_v2 .center-wrapper .panel-panel:not(.panel-col-first) {
     display: none;
   }
-  /* line 3322, ../scss/styles.scss */
+  /* line 3329, ../scss/styles.scss */
   #home-v2 > .panel-panel > div > .pane-news-home-v2:after {
     z-index: -1;
     opacity: 0.4;

sites/all/themes/gui/materiobasetheme/scss/styles.scss

@@ -3174,6 +3174,9 @@ body.home-v2{
           margin-top: 1em;
         }
       }
+      @media #{$small-only}{
+        height:auto;
+      }
     }
     &.services{
       @include shaddowed();
@@ -3206,6 +3209,10 @@ body.home-v2{
           margin-top: 1em;
         }
       }
+
+      @media #{$small-only}{
+        height:auto;
+      }
     }
 
     &.publication{