fix credential list scrolling

Signed-off-by: binsky <timo@binsky.org>

2 files changed, 9 insertions, 23 deletions

diff --git a/sass/app.scss b/sass/app.scss
index c690916b..61f8b3d5 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -65,8 +65,8 @@
 
 #passman-controls {
   display: flow-root;
-  position: sticky;
-  width: 100%;
+  position: absolute;
+  width: calc(100vw - 300px);
   box-sizing: border-box;
   border-bottom: 1px solid #c9c9c9;
   background-color: rgba(255, 255, 255, .95);
diff --git a/sass/credentials.scss b/sass/credentials.scss
index b9500e53..5f21f10a 100644
--- a/sass/credentials.scss
+++ b/sass/credentials.scss
@@ -353,6 +353,7 @@
       height: auto;
       overflow: auto;
       width: 100%;
+      margin-top: 55px;
     }
 
     .credential-table {
@@ -533,26 +534,13 @@
 
   .app_sidebar {
 
-    //this fixes the scrollbars, because passman-contols are shown above the sidebar.
-    height: auto;
-    .sidebar{
-      display: inline-block;
-      .sidebar-icon {
-        margin-right: 15px;
-        .icon-image-size{
-          width: 44px;
-        }
-        i {
-          width: 44px;
-        }
-      }
-      .sidebar-label{
-        float:right;
-        line-height: 44px;
-      }
-    }
-
+    height: fit-content;
+    top: 55px;
     float:right;
+    padding: 10px;
+    overflow-y: auto;
+
+
     h2 {
       margin-bottom: 10px;
       font-weight: 400;
@@ -567,12 +555,10 @@
       right: 10px;
       cursor: pointer;
     }
-    padding: 10px;
     &.item_selected {
       height: 25%;
       display: inline-block;
     }
-    overflow-y: auto;
 
     .credential-data {
       .compromised-details{