Updates for top status bar

Author: logicsec

packages/theme/styles/global.scss

@@ -77,7 +77,7 @@
   scrollbar-color: var(--theme-navpanel-divider) transparent;
   scrollbar-width: none;
   --body-font-size: .875rem;
-  --status-bar-height: 36px;
+  --status-bar-height: 42px;
   --status-bar-normal-height: 36px;
   --panel-aside-width: 25rem; // 20rem;
   --font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto;

packages/ui/src/components/internal/Root.svelte

@@ -280,6 +280,8 @@
       font-size: 0.75rem;
       line-height: 150%;
       background-color: var(--theme-statusbar-color);
+      margin: var(--spacing-2) var(--spacing-2) 0 var(--spacing-2);
+      border-radius: var(--medium-focus-BorderRadius);
       // border-bottom: 1px solid var(--theme-navpanel-divider);
 
       .history-box {