From e6dc0a029376128e36d7f61c8e6a324f0bb71139 Mon Sep 17 00:00:00 2001
From: Louis Lam <louislam@users.noreply.github.com>
Date: Mon, 12 Dec 2022 16:06:17 +0800
Subject: [PATCH] Slightly improve maintenance page's css on mobile

---
 src/pages/ManageMaintenance.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/pages/ManageMaintenance.vue b/src/pages/ManageMaintenance.vue
index 9ded0459..dd36c950 100644
--- a/src/pages/ManageMaintenance.vue
+++ b/src/pages/ManageMaintenance.vue
@@ -185,6 +185,14 @@ export default {
 <style lang="scss" scoped>
     @import "../assets/vars.scss";
 
+    .mobile {
+        .item {
+            flex-direction: column;
+            align-items: flex-start;
+            margin-bottom: 20px;
+        }
+    }
+
     .item {
         display: flex;
         align-items: center;
@@ -267,6 +275,11 @@ export default {
         .buttons {
             display: flex;
             gap: 8px;
+            flex-direction: row-reverse;
+
+            .btn-group {
+                width: 310px;
+            }
         }
     }