From 4258b842bf541150cfa2fabc647856f644c0bdd8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Beno=C3=AEt=20Viguier?= <ildyria@users.noreply.github.com>
Date: Fri, 10 Jan 2025 11:30:47 +0100
Subject: [PATCH] UI fix maintenance button alignment (#2888)

---
 .../js/components/maintenance/MaintenanceCleaning.vue      | 7 ++++++-
 .../js/components/maintenance/MaintenanceFilesize.vue      | 7 ++++++-
 resources/js/components/maintenance/MaintenanceFixJobs.vue | 7 ++++++-
 resources/js/components/maintenance/MaintenanceFixTree.vue | 7 ++++++-
 .../components/maintenance/MaintenanceGenSizevariants.vue  | 7 ++++++-
 .../js/components/maintenance/MaintenanceOptimize.vue      | 7 ++++++-
 resources/js/components/maintenance/MaintenanceUpdate.vue  | 7 ++++++-
 7 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/resources/js/components/maintenance/MaintenanceCleaning.vue b/resources/js/components/maintenance/MaintenanceCleaning.vue
index dede79f0ab4..0712140bef9 100644
--- a/resources/js/components/maintenance/MaintenanceCleaning.vue
+++ b/resources/js/components/maintenance/MaintenanceCleaning.vue
@@ -1,5 +1,10 @@
 <template>
-	<Card v-if="data !== undefined && data.is_not_empty" class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative">
+	<Card
+		v-if="data !== undefined && data.is_not_empty"
+		class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative"
+		pt:body:class="min-h-40 h-full"
+		pt:content:class="h-full flex justify-between flex-col"
+	>
 		<template #title>
 			<div class="text-center">
 				{{ title }}
diff --git a/resources/js/components/maintenance/MaintenanceFilesize.vue b/resources/js/components/maintenance/MaintenanceFilesize.vue
index e94bb334be3..004ce5f6fbc 100644
--- a/resources/js/components/maintenance/MaintenanceFilesize.vue
+++ b/resources/js/components/maintenance/MaintenanceFilesize.vue
@@ -1,5 +1,10 @@
 <template>
-	<Card v-if="data !== undefined && data > 0" class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative">
+	<Card
+		v-if="data !== undefined && data > 0"
+		class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative"
+		pt:body:class="min-h-40 h-full"
+		pt:content:class="h-full flex justify-between flex-col"
+	>
 		<template #title>
 			<div class="text-center">
 				{{ $t("maintenance.fill-filesize-sizevariants.title") }}
diff --git a/resources/js/components/maintenance/MaintenanceFixJobs.vue b/resources/js/components/maintenance/MaintenanceFixJobs.vue
index 1a68074e4c2..bc4d9cb3f4b 100644
--- a/resources/js/components/maintenance/MaintenanceFixJobs.vue
+++ b/resources/js/components/maintenance/MaintenanceFixJobs.vue
@@ -1,5 +1,10 @@
 <template>
-	<Card v-if="data !== undefined && data > 0" class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative">
+	<Card
+		v-if="data !== undefined && data > 0"
+		class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative"
+		pt:body:class="min-h-40 h-full"
+		pt:content:class="h-full flex justify-between flex-col"
+	>
 		<template #title>
 			<div class="text-center">
 				{{ $t("maintenance.fix-jobs.title") }}
diff --git a/resources/js/components/maintenance/MaintenanceFixTree.vue b/resources/js/components/maintenance/MaintenanceFixTree.vue
index 46b37d2de3f..af153e2367f 100644
--- a/resources/js/components/maintenance/MaintenanceFixTree.vue
+++ b/resources/js/components/maintenance/MaintenanceFixTree.vue
@@ -1,5 +1,10 @@
 <template>
-	<Card v-if="data !== undefined && fixable" class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative">
+	<Card
+		v-if="data !== undefined && fixable"
+		class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative"
+		pt:body:class="min-h-40 h-full"
+		pt:content:class="h-full flex justify-between flex-col"
+	>
 		<template #title>
 			<div class="text-center">
 				{{ $t("maintenance.fix-tree.title") }}
diff --git a/resources/js/components/maintenance/MaintenanceGenSizevariants.vue b/resources/js/components/maintenance/MaintenanceGenSizevariants.vue
index edbf8df4a31..34ac830d485 100644
--- a/resources/js/components/maintenance/MaintenanceGenSizevariants.vue
+++ b/resources/js/components/maintenance/MaintenanceGenSizevariants.vue
@@ -1,5 +1,10 @@
 <template>
-	<Card v-if="data !== undefined && data > 0" class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative">
+	<Card
+		v-if="data !== undefined && data > 0"
+		class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative"
+		pt:body:class="min-h-40 h-full"
+		pt:content:class="h-full flex justify-between flex-col"
+	>
 		<template #title>
 			<div class="text-center">
 				{{ title }}
diff --git a/resources/js/components/maintenance/MaintenanceOptimize.vue b/resources/js/components/maintenance/MaintenanceOptimize.vue
index 5d0946bce25..b67fefca54c 100644
--- a/resources/js/components/maintenance/MaintenanceOptimize.vue
+++ b/resources/js/components/maintenance/MaintenanceOptimize.vue
@@ -1,5 +1,10 @@
 <template>
-	<Card v-if="data" class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative">
+	<Card
+		v-if="data"
+		class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative"
+		pt:body:class="min-h-40 h-full"
+		pt:content:class="h-full flex justify-between flex-col"
+	>
 		<template #title>
 			<div class="text-center">
 				{{ $t("maintenance.optimize.title") }}
diff --git a/resources/js/components/maintenance/MaintenanceUpdate.vue b/resources/js/components/maintenance/MaintenanceUpdate.vue
index c034a208897..c680c614ba8 100644
--- a/resources/js/components/maintenance/MaintenanceUpdate.vue
+++ b/resources/js/components/maintenance/MaintenanceUpdate.vue
@@ -1,5 +1,10 @@
 <template>
-	<Card v-if="data" class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative">
+	<Card
+		v-if="data"
+		class="min-h-40 dark:bg-surface-800 shadow shadow-surface-950/30 rounded-lg relative"
+		pt:body:class="min-h-40 h-full"
+		pt:content:class="h-full flex justify-between flex-col"
+	>
 		<template #title>
 			<div class="text-center">
 				{{ $t("maintenance.update.title") }}