fix create on empty table

Author: ivosdc

package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-generic-crud-table",
-  "version": "1.5.7",
+  "version": "1.5.8",
   "description": "<crud-table> renders object-arrays with options-panel and inline edit per row. Dispatches events for ongoing data handling. As self-containing webcomponent or for Svelte in 60KB",
   "main": "dist/build/crud-table.js",
   "module": "dist/build/crud-table.mjs",

src/SvelteGenericCrudTable.svelte

@@ -140,6 +140,15 @@
 <main>
     <!-- /* istanbul ignore next line */ -->
     <h3>{name}</h3>
+    <!-- /* istanbul ignore next line */ -->
+    {#if table_data.length === 0}
+        {#if options.includes(CREATE)}
+            <div class="blue" on:click={handleCreate}
+                 title="Create">
+                {@html iconcreate}
+            </div>
+        {/if}
+    {/if}
     {#if (table_data !== undefined)}
     <!-- /* istanbul ignore next line */ -->
         {#if Array.isArray(table_data)}
@@ -400,9 +409,7 @@
         max-height: 1.3em;
     }
 
-    input:focus,
-    textarea:focus,
-    select:focus {
+    textarea:focus {
         outline: none;
         font-weight: 300;
         white-space: normal;