fixed style of terminal menu bar and dropdown menu

src/app/panels/styles/terminal-styles.js

@@ -56,10 +56,10 @@ var css = csjs`
     background-size     : auto calc(75% -  1.7em);
   }
   .terminal    {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    height: 100%;
+    position          : relative;
+    display           : flex;
+    flex-direction    : column;
+    height            : 100%;
   }
   .journal            {
     margin-top        : auto;
@@ -91,10 +91,11 @@ var css = csjs`
     font-family       : monospace;
   }
   .search {
-    display: flex;
-    align-items: center;
-    width: 200px;
-    padding-left: 20px;
+    display           : flex;
+    align-items       : center;
+    width             : 200px;
+    padding-left      : 20px;
+    height            : 100%;
   }
   .filter                       {
     width                       : 200px;
@@ -102,6 +103,7 @@ var css = csjs`
     margin-right                : 0px;
     border-top-left-radius      : 0px;
     border-bottom-left-radius   : 0px;
+    height                      : 100%;
   }
   .searchIcon                   {
     height                      : 100%;
@@ -114,11 +116,11 @@ var css = csjs`
     margin-right                : 5px;
   }
   .listen         {
-    margin-right: 30px;
-    min-width: 40px;
-    height: 13px;
-    display: flex;
-    align-items: center;
+    margin-right  : 30px;
+    min-width     : 40px;
+    height        : 13px;
+    display       : flex;
+    align-items   : center;
   }
   .listenLabel {
     min-width: 50px;
@@ -129,14 +131,14 @@ var css = csjs`
   }
   .pendingTx {
     border            : 1px solid var(--secondary);
-    border-radius: 50%;
-    margin-right: 30px;
-    min-width: 13px;
-    height: 13px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 10px;
+    border-radius     : 50%;
+    margin-right      : 30px;
+    min-width         : 13px;
+    height            : 13px;
+    display           : flex;
+    justify-content   : center;
+    align-items       : center;
+    font-size         : 10px;
   }
   .dragbarHorizontal  {
     position          : absolute;

src/app/panels/terminal.js

@@ -144,7 +144,7 @@ class Terminal {
           ${self._view.dropdown}
           <div class=${css.search}>
             <i class="fa fa-search ${css.searchIcon} bg-light btn-light" aria-hidden="true"></i>
-            <input spellcheck="false" type="text" class=${css.filter} onkeydown=${filter}  placeholder="Search transactions">
+            <input spellcheck="false" type="text" class="${css.filter} form-control" onkeydown=${filter}  placeholder="Search transactions">
           </div>
         </div>
       </div>
@@ -158,7 +158,7 @@ class Terminal {
       </div>
     `
     self._view.el = yo`
-      <div class="${css.panel}">
+      <div class="${css.panel}" style="height: 180px;">
         ${self._view.bar}
         ${self._view.term}
       </div>

src/app/ui/dropdown.js

@@ -66,7 +66,7 @@ class Dropdown {
             return yo`
               <div class=${css.option}>
                 ${input}
-                <label for="${label}">${label}</label>
+                <label class="text-dark" for="${label}">${label}</label>
               </div>
             `
           })}