better modalCard, integrated i18n with vuejs-i18n and drupal's strings_i18n_json_export

remain to automaticly export jsons and updated json files with webpack
and to understand how to access nested translations

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -867,10 +867,41 @@ article.card{
       flex-basis: 50%;
     }
     section.col-right{
-      header{
+      >*:not(nav.tools){
         position: relative;
+        padding: 0.5em;
+        box-sizing: border-box;
+        width: 100%;
+      }
+      header{
         bottom: auto;
       }
+      section.samples{
+        ul{
+          display: flex;
+          flex-flow: row wrap;
+          font-size: 0.882em;
+          font-weight: 300;
+          // line-height: 1.35;
+          span.showroom{ font-weight: 500; }
+        }
+      }
+      section.body{
+        p{
+          font-size: 0.882em;
+          font-weight: 300;
+          line-height: 1.35;
+        }
+
+      }
+      nav.tools{
+        opacity: 1;
+        section.close{
+          span.btn.mdi-close{
+            cursor:pointer;
+          }
+        }
+      }
     }
   }
 }