fix activity text centering on chrome

galaxyproject · Oct 8, 2024 · ec7433e · ec7433e
1 parent 474f93d
commit ec7433e
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/client/src/components/ActivityBar/ActivityItem.vue b/client/src/components/ActivityBar/ActivityItem.vue
@@ -77,15 +77,13 @@ function onClick(evt: MouseEvent): void {
                             width: `${Math.round(progressPercentage)}%`,
                         }" />
                 </span>
-                <span class="position-relative">
-                    <div class="nav-icon">
-                        <span v-if="indicator > 0" class="nav-indicator" data-description="activity indicator">
-                            {{ Math.min(indicator, 99) }}
-                        </span>
-                        <FontAwesomeIcon :icon="icon" />
-                    </div>
-                    <TextShort v-if="title" :text="title" class="nav-title" />
-                </span>
+                <div class="nav-icon">
+                    <span v-if="indicator > 0" class="nav-indicator" data-description="activity indicator">
+                        {{ Math.min(indicator, 99) }}
+                    </span>
+                    <FontAwesomeIcon :icon="icon" />
+                </div>
+                <TextShort v-if="title" :text="title" class="nav-title" />
             </b-nav-item>
         </template>
         <div class="text-center px-2 py-1">
@@ -106,6 +104,8 @@ function onClick(evt: MouseEvent): void {
 @import "theme/blue.scss";
 
 .activity-item {
+    display: flex;
+
     &:deep(.variant-danger) {
         color: $brand-danger;
     }