fix: center title with margin auto instead of fragile spacer divs

This commit is contained in:
2026-07-14 22:22:55 +02:00
parent 2396a927ab
commit 3b6a87752b
+1 -12
View File
@@ -151,8 +151,6 @@ function dateToValueString(time) {
<span class="date-label">{{ formatDateShort(get(next).from) }} - {{ formatDateShort(get(next).to) }}</span> <span class="date-label">{{ formatDateShort(get(next).from) }} - {{ formatDateShort(get(next).to) }}</span>
<i>arrow_right_alt</i> <i>arrow_right_alt</i>
</button> </button>
<div class="spacer" v-if="next == null || next <= 0"></div>
</div> </div>
<div class="admin-row" v-if="admin && groups.length > 0"> <div class="admin-row" v-if="admin && groups.length > 0">
@@ -177,7 +175,6 @@ function dateToValueString(time) {
.top-row { .top-row {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center;
width: 100%; width: 100%;
gap: 6px; gap: 6px;
} }
@@ -198,11 +195,6 @@ function dateToValueString(time) {
} }
} }
.spacer {
width: 42px;
flex-shrink: 0;
}
.title { .title {
flex: 1; flex: 1;
text-align: center; text-align: center;
@@ -212,6 +204,7 @@ function dateToValueString(time) {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
min-width: 0; min-width: 0;
margin: 0 auto;
.prefix { .prefix {
display: none; display: none;
@@ -267,10 +260,6 @@ function dateToValueString(time) {
} }
} }
.spacer {
width: auto;
}
.title { .title {
font-size: 16px; font-size: 16px;
white-space: normal; white-space: normal;