fix various spacing issues

src/components/notifications/notifications.vue

@@ -14,6 +14,7 @@
         >
           <div class="title">
             {{ $t('notifications.notifications') }}
+            &nbsp;
             <span
               v-if="unseenCount"
               class="badge badge-notification unseen-count"

src/components/popover/popover.vue

@@ -58,9 +58,6 @@
     pointer-events: none;
   }
 
-  border-radius: $fallback--btnRadius;
-  border-radius: var(--btnRadius, $fallback--btnRadius);
-
   background-color: $fallback--bg;
   background-color: var(--popover, $fallback--bg);
   color: $fallback--text;

src/components/settings_modal/tabs/theme_tab/preview.vue

@@ -5,6 +5,7 @@
       <div class="panel-heading">
         <div class="title">
           {{ $t('settings.style.preview.header') }}
+          &nbsp;
           <span class="badge badge-notification"> 99 </span>
         </div>
         <span class="faint">

src/panel.scss

@@ -99,6 +99,8 @@
 
   .title {
     font-size: 1.3em;
+    display: flex;
+    align-items: baseline;
   }
 
   .alert {
@@ -115,8 +117,7 @@
       box-sizing: border-box;
       margin: 0;
       min-width: 1px;
-      padding-top: 0;
-      padding-bottom: 0;
+      padding: 0 12px;
       align-self: stretch;
     }
   }