Better searchbox behaviour.

Add a clear icon.

1 files changed, 26 insertions, 3 deletions

diff --git a/sass/credentials.scss b/sass/credentials.scss
index b9d4299c..c49ddee9 100644
--- a/sass/credentials.scss
+++ b/sass/credentials.scss
@@ -3,10 +3,23 @@
   #app-content-wrapper {
     min-height: 95%;
     #passman-controls {
-      border-bottom: 1px solid #c9c9c9
+      text-align: center;
+      &.sidebar-shown{
+        padding-right: 27% !important;
+        .title{
+          @media screen and (max-width: 765px){
+            display: none;
+          }
+          @media screen and (min-width: 769px) and (max-width: 1120px){
+            display: none;
+          }
+        }
+      }
+      border-bottom: 1px solid #c9c9c9;
+
     }
+
     .title {
-      width: calc(100% - 500px);
       text-align: center;
       display: inline-block;
       font-weight: bold;
@@ -79,6 +92,17 @@
       .searchbox {
         display: inline-block;
       }
+      .searchclear {
+        color: #ccc;
+        cursor: pointer;
+        font-size: 18px;
+        height: 14px;
+        margin: auto;
+        position: absolute!important;
+        right: 10px;
+        top: 12px;
+        z-index: 99999999;
+      }
     }
     .credential-table {
       width: 100%;
@@ -375,7 +399,6 @@
     }
   }
 }
-
 .loaderContainer {
   height: 140px;
   width: 120px;