From 6bd92dfef32c18cb8377d09fa9cdfef0c67ed705 Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Fri, 6 Oct 2023 11:57:36 +0800
Subject: [PATCH] Issue #160: Done.

---
 src/components/Discover/Map/SidebarState.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Discover/Map/SidebarState.vue b/src/components/Discover/Map/SidebarState.vue
index 5e54bdc..711fe66 100644
--- a/src/components/Discover/Map/SidebarState.vue
+++ b/src/components/Discover/Map/SidebarState.vue
@@ -17,7 +17,7 @@
               <span class="block text-sm">{{ stats.cases.count.toLocaleString() }} / {{ stats.cases.total.toLocaleString() }}</span>
               <ProgressBar :value="valueCases" :showValue="false" class="!h-2 !rounded-full my-2 !bg-neutral-300"></ProgressBar>
             </div>
-            <span class="block text-primary text-2xl font-medium">{{ getPercentLabel(stats.cases.ratio) }}</span>
+            <span class="block text-primary text-2xl text-right font-medium basis-28">{{ getPercentLabel(stats.cases.ratio) }}</span>
           </div>
         </li>
         <li>
@@ -27,7 +27,7 @@
               <span class="block text-sm">{{ stats.traces.count.toLocaleString() }} / {{ stats.traces.total.toLocaleString() }}</span>
               <ProgressBar :value="valueTraces" :showValue="false" class="!h-2 !rounded-full my-2 !bg-neutral-300"></ProgressBar>
             </div>
-            <span class="block text-primary text-2xl font-medium">{{ getPercentLabel(stats.traces.ratio) }}</span>
+            <span class="block text-primary text-2xl text-right font-medium basis-28">{{ getPercentLabel(stats.traces.ratio) }}</span>
           </div>
         </li>
         <li>
@@ -37,7 +37,7 @@
               <span class="block text-sm">{{ stats.task_instances.count.toLocaleString() }} / {{ stats.task_instances.total.toLocaleString() }}</span>
               <ProgressBar :value="valueTaskInstances" :showValue="false" class="!h-2 !rounded-full my-2 !bg-neutral-300"></ProgressBar>
             </div>
-            <span class="block text-primary text-2xl font-medium">{{ getPercentLabel(stats.task_instances.ratio) }}</span>
+            <span class="block text-primary text-2xl text-right font-medium basis-28">{{ getPercentLabel(stats.task_instances.ratio) }}</span>
           </div>
         </li>
         <li>
@@ -47,7 +47,7 @@
               <span class="block text-sm">{{ stats.tasks.count.toLocaleString() }} / {{ stats.tasks.total.toLocaleString() }}</span>
               <ProgressBar :value="valueTasks" :showValue="false" class="!h-2 !rounded-full my-2 !bg-neutral-300"></ProgressBar>
             </div>
-            <span class="block text-primary text-2xl font-medium">{{ getPercentLabel(stats.tasks.ratio) }}</span>
+            <span class="block text-primary text-2xl text-right font-medium basis-28">{{ getPercentLabel(stats.tasks.ratio) }}</span>
           </div>
         </li>
       </ul>