#8 Format verifier text in frontend

dmnverifierfrontend/src/main/resources/META-INF/resources/css/stylesheets.css

@@ -56,6 +56,7 @@ select {
   height: 35px;
   outline: none;
   padding-left: 5px;
+  min-width: 200px;
 }
 
 select option {
@@ -78,6 +79,7 @@ span.select2 {
   display: table;
   table-layout: fixed;
   width: 25% !important;
+  min-width: 200px;
 }
 
 .clickable {
@@ -159,6 +161,7 @@ span.select2 {
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
+  flex-wrap: wrap;
 }
 
 #dmn-button-verify {

dmnverifierfrontend/src/main/resources/META-INF/resources/js/dmnVerifier.js

@@ -227,17 +227,22 @@ function renderDmnVerifierOptions() {
       `));
       currentOpt = verifier.type.classification.niceName;
     }
+    let $option;
     if (verifierResults.verifier.length === 1 ||
         lastTypeSelect !== undefined && lastTypeSelect === verifier.type.name) {
       selOpt = true;
-      $curGroup.append($(`
+      $option = $(`
         <option value="${verifier.type.name}" selected>${verifier.type.niceName} (${verifier.size})</option>
-      `));
+      `);
     } else {
-      $curGroup.append($(`
+      $option = $(`
         <option value="${verifier.type.name}">${verifier.type.niceName} (${verifier.size})</option>
-      `));
+      `);
+    }
+    if (verifier.size === 0) {
+      $option.css('color', '#999')
     }
+    $curGroup.append($option);
   }
   $select.append($curGroup);
 
@@ -291,8 +296,7 @@ function renderVerifier(verifier) {
   }
   $verifierContent.append($verifierType);
   $verifierContent.append($verifierEntries);
-  $verifierContent.fadeIn(300);
-  //$verifierType.animate({left: '100px'}, "slow")
+  $verifierContent.fadeIn(250);
 }
 
 /**