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/dist/main.css

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