From 04f836f37bae8bdcd09b131a03696169333a2227 Mon Sep 17 00:00:00 2001
From: "Umang G. Patel" <23169768+robonetphy@users.noreply.github.com>
Date: Wed, 12 Oct 2022 23:10:02 +0530
Subject: [PATCH] updated styles

---
 src/frontend/js/classes/sidebar-filter.js   |  3 +--
 src/frontend/styles/components/sidebar.pcss | 14 ++++++++------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/frontend/js/classes/sidebar-filter.js b/src/frontend/js/classes/sidebar-filter.js
index c58e2fe..f94ce17 100644
--- a/src/frontend/js/classes/sidebar-filter.js
+++ b/src/frontend/js/classes/sidebar-filter.js
@@ -70,12 +70,11 @@ export default class SidebarFilter {
     if (window.navigator.userAgent.indexOf('Mac') !== -1) {
       shortcutText = '⌘ P';
     }
+      shortcutText = '⌘ P';
     this.search.parentElement.setAttribute('data-shortcut', shortcutText);
 
     // Initialize search input.
     this.search.value = '';
-    // Initialize the search results.
-    this.filter('');
 
     // Add event listener for search input.
     this.search.addEventListener('input', e => {
diff --git a/src/frontend/styles/components/sidebar.pcss b/src/frontend/styles/components/sidebar.pcss
index 3e072d1..ecf5710 100644
--- a/src/frontend/styles/components/sidebar.pcss
+++ b/src/frontend/styles/components/sidebar.pcss
@@ -81,9 +81,9 @@
     background-color: var(--color-input-primary);
     border: 1px solid transparent;
     border-radius: 8px;
-    padding: 8px 35px;
-    padding-right: 45px;
-    line-height: 21px;
+    padding: 8.5px 35px;
+    padding-right: 42px;
+    line-height: 17px;
 
     &-wrapper::after {
       color: var(--color-button-secondary);
@@ -91,7 +91,7 @@
       font-size: 14px;
       line-height: 17px;
       content: attr(data-shortcut);
-      margin-left: -50px;
+      margin-left: -42px;
     }
   }
 
@@ -146,7 +146,7 @@
     line-height: 21px;
     height: 29px;
 
-    @media (--mobile){
+    @media (--mobile) {
       font-size: 16px;
       line-height: 21px;
     }
@@ -268,7 +268,9 @@
   &__slider {
     display: none;
     position: fixed;
-    transform: translateX(calc(var(--layout-sidebar-width) + var(--hide-sidebar-toggler-offset)));
+    transform: translateX(
+      calc(var(--layout-sidebar-width) + var(--hide-sidebar-toggler-offset))
+    );
     bottom: var(--hide-sidebar-toggler-offset);
     width: var(--hide-sidebar-toggler-size);
     height: var(--hide-sidebar-toggler-size);