fix: search button

internal/parcel.js

@@ -69,7 +69,7 @@ const options = {
   const bundler = new Bundler('./src/index.pug', options);
   bundler.addAssetType('html', require.resolve('./assets.js'));
   if (process.env.NODE_ENV !== 'production') {
-    await bundler.serve();
+    await bundler.serve(process.env.PORT ? process.env.PORT : 1234);
   } else {
     await bundler.bundle();
   }

package-lock.json

@@ -1615,9 +1615,9 @@
       }
     },
     "@startinblox/hubl-styling-framework": {
-      "version": "1.8.24",
-      "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.8.24.tgz",
-      "integrity": "sha512-eYrFaNG9iD3dskQcID7eEXabQZaE1u6QKuhJ8HTcnEKUFCo2DQhMe1F15zwYtxVeGE7KTrbGlGPGxfRQ2r8hig=="
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.9.0.tgz",
+      "integrity": "sha512-2LDouqJcJUEX7fAsvRx/FO6i6eJWcYlA3yln5NB72W3+sZBL2F6E8yelzu60G3sbwX2EcwxxPLhAgd0sCaQsjQ=="
     },
     "@types/q": {
       "version": "1.5.4",

package.json

@@ -57,7 +57,7 @@
     "clearDist": false
   },
   "dependencies": {
-    "@startinblox/hubl-styling-framework": "^1.8.24",
+    "@startinblox/hubl-styling-framework": "^1.9.0",
     "cross-env": "^7.0.3",
     "fs-extra": "^9.0.1",
     "normalize.css": "^8.0.1",

src/dependencies.pug

@@ -32,7 +32,7 @@ if componentSet.has("events")
   script(type="module", src="https://cdn.skypack.dev/@startinblox/component-event@beta", defer)
   //- script(type="module", src="/lib/solid-event/solid-event.js", defer)
 
-if componentSet.has("events") || componentSet.has("polls") || componentSet.has("resources")
+//- if componentSet.has("events") || componentSet.has("polls") || componentSet.has("resources")
   script(type="module" src="https://cdn.skypack.dev/@startinblox/component-conversation@beta" defer)
 
 if componentSet.has("invoices")

src/styles/left-nav/_index.scss

@@ -87,12 +87,12 @@ nav#main__menu {
       }
     }
 
-    button {
+    div>button {
       background: transparent;
       border: none;
       color: #D0D4DA;
       margin-top: 0 !important;
-      height: auto;
+      height: 100%;
 
       @media (max-width: 768px) {
         width: 20%;

src/views/partials/menu-left.pug

@@ -1,4 +1,4 @@
-solid-form-search.icon.children-icon-magnifier(
+solid-form-search(
   id='general-search'
   class='segment block form menu-search'
   fields='name'
@@ -11,6 +11,7 @@ solid-form-search.icon.children-icon-magnifier(
 
   submit-button=""
   submit-widget="button"
+  class-submit-button="icon children-icon-magnifier"
 )
 div.divider
 solid-router#navbar-router(default-route=defaultRoute)