From 3b6a87752beda896eddc69fe89572d1b8242126f Mon Sep 17 00:00:00 2001
From: Jonas Gerg <joniogerg@gmail.com>
Date: Tue, 14 Jul 2026 22:22:55 +0200
Subject: [PATCH] fix: center title with margin auto instead of fragile spacer
 divs

---
 public/src/components/GroupView.vue | 13 +------------
 1 file changed, 1 insertion(+), 12 deletions(-)

diff --git a/public/src/components/GroupView.vue b/public/src/components/GroupView.vue
index d37a65a..b931092 100644
--- a/public/src/components/GroupView.vue
+++ b/public/src/components/GroupView.vue
@@ -151,8 +151,6 @@ function dateToValueString(time) {
                 <span class="date-label">{{ formatDateShort(get(next).from) }} - {{ formatDateShort(get(next).to) }}</span>
                 <i>arrow_right_alt</i>
             </button>
-
-            <div class="spacer" v-if="next == null || next <= 0"></div>
         </div>
 
         <div class="admin-row" v-if="admin && groups.length > 0">
@@ -177,7 +175,6 @@ function dateToValueString(time) {
     .top-row {
         display: flex;
         align-items: center;
-        justify-content: center;
         width: 100%;
         gap: 6px;
     }
@@ -198,11 +195,6 @@ function dateToValueString(time) {
         }
     }
 
-    .spacer {
-        width: 42px;
-        flex-shrink: 0;
-    }
-
     .title {
         flex: 1;
         text-align: center;
@@ -212,6 +204,7 @@ function dateToValueString(time) {
         overflow: hidden;
         text-overflow: ellipsis;
         min-width: 0;
+        margin: 0 auto;
 
         .prefix {
             display: none;
@@ -267,10 +260,6 @@ function dateToValueString(time) {
             }
         }
 
-        .spacer {
-            width: auto;
-        }
-
         .title {
             font-size: 16px;
             white-space: normal;