From 4ccda01ee2c8fd039cc13f86672c17ff86321552 Mon Sep 17 00:00:00 2001
From: rottencandy <md.saud020@gmail.com>
Date: Wed, 14 Aug 2019 19:12:26 +0530
Subject: [PATCH] style toplevel searchbar

---
 webui-src/app/config/config_resolver.js | 12 +++++++-----
 webui-src/app/theme.css                 |  3 +++
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/webui-src/app/config/config_resolver.js b/webui-src/app/config/config_resolver.js
index d99097e..6423e6b 100644
--- a/webui-src/app/config/config_resolver.js
+++ b/webui-src/app/config/config_resolver.js
@@ -4,11 +4,10 @@ let rs = require('rswebui');
 
 const sidebar = () => {
   let active = 0;
-  const tabs = Object.keys(sections);
   return {
-    view: () => m('.sidebar',
-      tabs.map((panelName, index) => m('a', {
-          href: '/config/' + panelName,
+    view: (v) => m('.sidebar',
+      v.attrs.tabs.map((panelName, index) => m('a', {
+          href: v.attrs.baseRoute + panelName,
           oncreate: m.route.link,
           class: index === active ?
             'selected-sidebar-link' : '',
@@ -31,7 +30,10 @@ let sections = {
 
 const Layout = {
   view: vnode => m('.tab-page', [
-    m(sidebar),
+    m(sidebar, {
+      tabs: Object.keys(sections),
+      baseRoute: '/config/',
+    }),
     m('.node-panel', vnode.children),
   ])
 };
diff --git a/webui-src/app/theme.css b/webui-src/app/theme.css
index 809cfa3..e5dbd11 100644
--- a/webui-src/app/theme.css
+++ b/webui-src/app/theme.css
@@ -44,6 +44,9 @@ input[type=text], input[type=password], input[type=number], textarea {
     max-width: 70%;
     font-size: 1em;
     padding: 0.1em;
+}input.searchbar {
+    display: block;
+    margin: 1em 0 0 1em;
 }
 
 button {