From 9ae8ff009817eae5ceaf632c1d76892d25467292 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 20 Apr 2022 00:46:04 +0300
Subject: [PATCH 1/2] fix scrollbars in panel headers

---
 .../settings_modal/settings_modal.vue         | 23 ++++++-------------
 src/panel.scss                                |  2 ++
 2 files changed, 9 insertions(+), 16 deletions(-)

diff --git a/src/components/settings_modal/settings_modal.vue b/src/components/settings_modal/settings_modal.vue
index e0e8304dd..d3bed0610 100644
--- a/src/components/settings_modal/settings_modal.vue
+++ b/src/components/settings_modal/settings_modal.vue
@@ -11,22 +11,13 @@
           {{ $t('settings.settings') }}
         </span>
         <transition name="fade">
-          <div v-if="currentSaveStateNotice">
-            <div
-              v-if="currentSaveStateNotice.error"
-              class="alert error"
-              @click.prevent
-            >
-              {{ $t('settings.saving_err') }}
-            </div>
-
-            <div
-              v-if="!currentSaveStateNotice.error"
-              class="alert transparent"
-              @click.prevent
-            >
-              {{ $t('settings.saving_ok') }}
-            </div>
+          <div
+            v-if="currentSaveStateNotice"
+            class="alert"
+            :class="{ transparent: !currentSaveStateNotice.error, error: currentSaveStateNotice.error}"
+            @click.prevent
+          >
+            {{ currentSaveStateNotice.error ? $t('settings.saving_err') : $t('settings.saving_ok') }}
           </div>
         </transition>
         <button
diff --git a/src/panel.scss b/src/panel.scss
index 1180d9e7e..f3e51d394 100644
--- a/src/panel.scss
+++ b/src/panel.scss
@@ -118,6 +118,8 @@
     margin: 0;
     margin-left: 0.5em;
     min-width: 1px;
+    padding-top: 0;
+    padding-bottom: 0;
   }
 
   .button-default {

From d87a1fda591a972571ce45dbb21bd193ef892555 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 20 Apr 2022 00:37:08 +0300
Subject: [PATCH 2/2] fix scrollbars in dropdowns

---
 src/components/notifications/notification_filters.vue | 8 ++------
 src/components/popover/popover.vue                    | 2 +-
 src/panel.scss                                        | 6 +++---
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/components/notifications/notification_filters.vue b/src/components/notifications/notification_filters.vue
index ba0e90a06..7418fc7c0 100644
--- a/src/components/notifications/notification_filters.vue
+++ b/src/components/notifications/notification_filters.vue
@@ -64,7 +64,7 @@
       </div>
     </template>
     <template v-slot:trigger>
-      <button class="button-unstyled">
+      <button class="filter-trigger-button button-unstyled">
         <FAIcon icon="filter" />
       </button>
     </template>
@@ -106,17 +106,13 @@ export default {
 .NotificationFilters {
   align-self: stretch;
 
-  > button {
+  .filter-trigger-button {
     font-size: 1.2em;
     padding-left: 0.7em;
     padding-right: 0.2em;
     line-height: 100%;
     height: 100%;
   }
-
-  .dropdown-item {
-    margin: 0;
-  }
 }
 
 </style>
diff --git a/src/components/popover/popover.vue b/src/components/popover/popover.vue
index e1eb2c215..044b887d4 100644
--- a/src/components/popover/popover.vue
+++ b/src/components/popover/popover.vue
@@ -95,7 +95,7 @@
     line-height: 21px;
     overflow: auto;
     display: block;
-    padding: .5em 0.75em;
+    padding: 0.25em 0.75em;
     clear: both;
     font-weight: 400;
     text-align: inherit;
diff --git a/src/panel.scss b/src/panel.scss
index f3e51d394..147b17a9a 100644
--- a/src/panel.scss
+++ b/src/panel.scss
@@ -110,8 +110,8 @@
     overflow-x: hidden;
   }
 
-  .button-default,
-  .alert {
+  > .button-default,
+  > .alert {
     height: var(--__panel-heading-height-inner);
     min-height: 0;
     box-sizing: border-box;
@@ -122,7 +122,7 @@
     padding-bottom: 0;
   }
 
-  .button-default {
+  > .button-default {
     flex-shrink: 0;
 
     &,