From 96510972ebe6d4b092e803284ae65a29dd53695f Mon Sep 17 00:00:00 2001
From: Gergely Gulyas <gergely.gulyas.ext@ericsson.com>
Date: Wed, 20 May 2026 13:44:19 +0200
Subject: [PATCH] [gui] Fix new features timeline alignment

New features timeline is misaligned in the new Vue 3 rework. This change
fixes it by forcing all timeline item to be the same size disregarding
its content.
---
 web/server/vue-cli/src/views/NewFeatures.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/web/server/vue-cli/src/views/NewFeatures.vue b/web/server/vue-cli/src/views/NewFeatures.vue
index 55460fe5da..689ef991db 100644
--- a/web/server/vue-cli/src/views/NewFeatures.vue
+++ b/web/server/vue-cli/src/views/NewFeatures.vue
@@ -5,6 +5,7 @@
   >
     <v-timeline
       align="start"
+      class="centered-timeline"
     >
       <v-timeline-item
         dot-color="green-lighten-1"
@@ -3059,3 +3060,12 @@ analyzer:
 <script setup>
 import { NewFeatureItem, NewReleaseItem } from "@/components/NewFeatures";
 </script>
+
+<style scoped>
+.centered-timeline :deep(.v-timeline-item__body),
+.centered-timeline :deep(.v-timeline-item__opposite) {
+  flex: 1 1 0% !important;
+  width: 100% !important;
+  min-width: 0 !important;
+}
+</style>