output spaces

zero.Web.UI/App/components/modules/module-preview.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="ui-module-item" v-if="!loading" :data-module="module.alias">
-    <header class="ui-module-item-header"><i :class="module.icon"></i> {{module.name}}</header>
+    <button type="button" class="ui-module-item-header" @click="$emit('edit', module, value)"><i :class="module.icon"></i> {{module.name}}</button>
     <ui-module-preview-inner v-if="renderer.preview && renderer.preview.template" :template="renderer.preview.template" :value="value" />
     <div v-if="!value.isActive" class="ui-module-item-disabled"></div>
     <!--<pre><code>{{value}}</code></pre>-->

zero.Web.UI/App/components/modules/predefined/module-preview-figure.vue

@@ -41,7 +41,7 @@
     mounted()
     {
       this.loadImageSource();
-    },
+    }, 
 
     methods: {
 
@@ -90,14 +90,14 @@
     {
       overflow: hidden;
       -webkit-box-orient: vertical;
-      -webkit-line-clamp: 4;
+      -webkit-line-clamp: 2;
       display: -webkit-box;
     }
 
     .-image
     {
       border-radius: var(--radius);
-      max-width: 64px;
+      max-width: 128px;
       max-height: 64px;
     }
   }