front : imporved location layout in fullcards

fix #6

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

@@ -5428,17 +5428,18 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
   article.node-materiau.vm-cardfull .group-header, article.node-breve.vm-cardfull .group-header {
     font-size: 20px;
     font-weight: 300;
-    padding: 10px; }
+    padding: 10px 10px 0 10px; }
     article.node-materiau.vm-cardfull .group-header .field-name-title-field, article.node-breve.vm-cardfull .group-header .field-name-title-field {
       font-weight: 700; }
-    article.node-materiau.vm-cardfull .group-header .field-name-field-reference-materio, article.node-materiau.vm-cardfull .group-header .field-name-field-localisation, article.node-materiau.vm-cardfull .group-header .field-name-field-authored-on, article.node-breve.vm-cardfull .group-header .field-name-field-reference-materio, article.node-breve.vm-cardfull .group-header .field-name-field-localisation, article.node-breve.vm-cardfull .group-header .field-name-field-authored-on {
+    article.node-materiau.vm-cardfull .group-header .field-name-title-field, article.node-materiau.vm-cardfull .group-header .field-name-field-reference-materio, article.node-breve.vm-cardfull .group-header .field-name-title-field, article.node-breve.vm-cardfull .group-header .field-name-field-reference-materio {
       display: moz-inline-stack;
       display: inline-block;
       vertical-align: top;
       zoom: 1;
       *display: inline;
-      font-size: 12px;
-      padding-right: 15px; }
+      vertical-align: baseline; }
+    article.node-materiau.vm-cardfull .group-header .field-name-field-reference-materio, article.node-breve.vm-cardfull .group-header .field-name-field-reference-materio {
+      font-size: 12px; }
   article.node-materiau.vm-cardfull.node-breve .group-header, article.node-breve.vm-cardfull.node-breve .group-header {
     color: #fff;
     background-color: rgba(0, 0, 0, 0.7);
@@ -5446,21 +5447,28 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
     transition: background-color 0.2s ease-out; }
     article.node-materiau.vm-cardfull.node-breve .group-header .field-name-field-authored-on, article.node-breve.vm-cardfull.node-breve .group-header .field-name-field-authored-on {
       font-weight: 500; }
-  article.node-materiau.vm-cardfull .field-name-field-description, article.node-materiau.vm-cardfull .field-name-body, article.node-breve.vm-cardfull .field-name-field-description, article.node-breve.vm-cardfull .field-name-body {
-    font-size: 12px;
-    font-weight: 300;
-    padding: 10px; }
-  article.node-materiau.vm-cardfull .field-name-field-attachments, article.node-breve.vm-cardfull .field-name-field-attachments {
-    padding: 10px;
-    font-size: 12px; }
   article.node-materiau.vm-cardfull .field-name-field-location, article.node-breve.vm-cardfull .field-name-field-location {
     font-size: 12px;
-    padding: 10px;
+    padding: 5px 10px 0 10px;
     font-weight: 300; }
+    article.node-materiau.vm-cardfull .field-name-field-location .field-label, article.node-materiau.vm-cardfull .field-name-field-location .field-items, article.node-materiau.vm-cardfull .field-name-field-location .field-item, article.node-breve.vm-cardfull .field-name-field-location .field-label, article.node-breve.vm-cardfull .field-name-field-location .field-items, article.node-breve.vm-cardfull .field-name-field-location .field-item {
+      display: moz-inline-stack;
+      display: inline-block;
+      vertical-align: top;
+      zoom: 1;
+      *display: inline;
+      vertical-align: baseline; }
     article.node-materiau.vm-cardfull .field-name-field-location .field-label, article.node-breve.vm-cardfull .field-name-field-location .field-label {
       font-size: 10px;
       text-transform: lowercase;
       float: none; }
+  article.node-materiau.vm-cardfull .field-name-field-description, article.node-materiau.vm-cardfull .field-name-body, article.node-breve.vm-cardfull .field-name-field-description, article.node-breve.vm-cardfull .field-name-body {
+    font-size: 12px;
+    font-weight: 300;
+    padding: 5px 10px 0 10px; }
+  article.node-materiau.vm-cardfull .field-name-field-attachments, article.node-breve.vm-cardfull .field-name-field-attachments {
+    padding: 10px;
+    font-size: 12px; }
   article.node-materiau.vm-cardfull .field-name-field-company-fab, article.node-materiau.vm-cardfull .field-name-field-company-distrib, article.node-breve.vm-cardfull .field-name-field-company-fab, article.node-breve.vm-cardfull .field-name-field-company-distrib {
     font-size: 12px;
     padding: 10px;

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

@@ -1643,10 +1643,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
   .group-images{ @include horihoverswitch(); }
 
   .group-header{
-    @include fs20; @include fs300; padding:10px;
+    @include fs20; @include fs300; padding:10px 10px 0 10px;
     .field-name-title-field{@include fs700;}
-    .field-name-field-reference-materio, .field-name-field-localisation, .field-name-field-authored-on{ @include inlineblock(); @include fs12; padding-right:15px;}
-    // .field-name-field-localisation{ float:right; }
+    .field-name-title-field,.field-name-field-reference-materio{
+      @include inlineblock;
+      vertical-align: baseline;
+      // line-height: 40px;
+    }
+    .field-name-field-reference-materio{@include fs12;}
   }
 
   &.node-breve .group-header{
@@ -1655,8 +1659,17 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
   }
 
 
+  // Samples
+  .field-name-field-location{
+    @include fs12; padding:5px 10px 0 10px; @include fs300;
+    .field-label, .field-items, .field-item{
+      @include inlineblock; vertical-align: baseline;
+    }
+    .field-label{ @include fs10; text-transform: lowercase; float: none; }
+  }
+
   .field-name-field-description, .field-name-body{
-    @include fs12; @include fs300; padding: 10px;
+    @include fs12; @include fs300; padding: 5px 10px 0 10px;
   }
 
   .field-name-field-attachments{
@@ -1664,11 +1677,6 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
     @include fs12;
   }
 
-  // side 3 : Sample
-  .field-name-field-location{
-    @include fs12; padding:10px; @include fs300;
-    .field-label{ @include fs10; text-transform: lowercase; float: none; }
-  }
 
   // side 4 : companies
   .field-name-field-company-fab, .field-name-field-company-distrib{