fix style issues in cat/pm/curr cancel countdown

Signed-off-by: Julien Veyssier <julien-nc@posteo.net>

src/components/CategoryOrPm.vue

@@ -212,11 +212,12 @@ export default {
 }
 
 .one-element-label {
+	position: relative;
 	flex-grow: 1;
 	display: flex;
 	align-items: center;
-	padding: 4px 0 4px 0;
 	margin-right: 20px;
+	padding: 4px 0 4px 0;
 	> * {
 		margin: 0 4px 0 4px;
 	}
@@ -225,7 +226,7 @@ export default {
 	}
 	.one-element-label-timer {
 		position: absolute;
-		right: -5px;
+		right: -20px;
 	}
 }
 

src/components/Currency.vue

@@ -164,19 +164,21 @@ export default {
 }
 
 .one-currency-label {
+	position: relative;
+	flex-grow: 1;
 	display: flex;
 	align-items: center;
 	margin-right: 20px;
 	padding: 4px 0 4px 0;
+	> * {
+		margin: 0 4px 0 4px;
+	}
 	.one-currency-label-label {
 		width: 50%;
 	}
 	.one-currency-label-timer {
 		position: absolute;
-		right: 4px;
-	}
-	> * {
-		margin: 0 4px 0 4px;
+		right: -20px;
 	}
 }
 

vite.config.ts

@@ -26,6 +26,9 @@ export default createAppConfig({
 			},
 		},
 		plugins: [eslint(), stylelint()],
+		build: {
+			cssCodeSplit: true,
+		},
 	},
 	inlineCSS: { relativeCSSInjection: true },
 	minify: isProduction,