From 49a5ab1148844fea2db910b4004361cbba99ae58 Mon Sep 17 00:00:00 2001
From: Rob Stupay <rob@stupay.com>
Date: Wed, 16 Jan 2019 13:09:42 +0100
Subject: [PATCH] adding the 50px on the icon panel

---
 src/app.js                                     | 2 +-
 src/app/components/plugin-manager-component.js | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/app.js b/src/app.js
index 60ab86233c..e0f0e6e5d6 100644
--- a/src/app.js
+++ b/src/app.js
@@ -98,7 +98,7 @@ var css = csjs`
     bottom             : 0;
     left               : 0;
     overflow           : hidden;
-    width              : 2%;
+    width              : 50px;
   }
   .swappanel          {
     display            : flex;
diff --git a/src/app/components/plugin-manager-component.js b/src/app/components/plugin-manager-component.js
index 149720b755..bdd283ffef 100644
--- a/src/app/components/plugin-manager-component.js
+++ b/src/app/components/plugin-manager-component.js
@@ -49,6 +49,7 @@ class PluginManagerComponent {
     this.views.root = yo`
       <div id='pluginManager' class=${css.plugins_settings} >
         <h2>Plugin Manager</h2>
+        <input placeholder="Search loaded plugins">
         ${this.views.activeMods}
         ${this.views.inactiveMods}
       </div>
@@ -140,9 +141,6 @@ const css = csjs`
     margin-top: 9px;
   }
 
-  .plugItIn.active {
-    display: block;
-  }
   .plugin button {
     ${styles.rightPanel.settingsTab.button_LoadPlugin};
     cursor: pointer;
@@ -153,4 +151,7 @@ const css = csjs`
 
   .inactivePlugins {
   }
+  .plugins_settings input {
+    margin: 10px;
+  }
 `