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;