chore: align items correctly in status bar

Signed-off-by: Florent Benoit <fbenoit@redhat.com>
containers · Dec 2, 2023 · 88503ef · 88503ef
1 parent 0a24489
commit 88503ef
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/renderer/src/lib/statusbar/StatusBar.svelte b/packages/renderer/src/lib/statusbar/StatusBar.svelte
@@ -48,7 +48,7 @@ onMount(async () => {
 
 <div class="flex items-center justify-between px-1 bg-[#302251] text-sm py-0.5 space-x-2">
   <div>
-    <ul class="flex flex-wrap gap-x-2 list-none">
+    <ul class="flex flex-wrap gap-x-2 list-none items-center">
       {#each leftEntries as entry}
         <li>
           <StatusBarItem entry="{entry}" />
@@ -57,7 +57,7 @@ onMount(async () => {
     </ul>
   </div>
   <div class="place-self-end">
-    <ul class="flex flex-wrap flex-row-reverse gap-x-2 list-none">
+    <ul class="flex flex-wrap flex-row-reverse gap-x-2 list-none items-center">
       {#each rightEntries as entry}
         <li>
           <StatusBarItem entry="{entry}" />