Slightly improve maintenance page's css on mobile

2 years ago · e6dc0a0293
parent 5c5a339a36
commit e6dc0a0293
1 changed files with 13 additions and 0 deletions
--- 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;
+            }
        }
    }