From 648f2c3e986f6ca7712df000c96b3c116cb8e77b Mon Sep 17 00:00:00 2001
From: CzBiX <gliuwr@gmail.com>
Date: Tue, 14 Apr 2020 19:24:47 +0800
Subject: [PATCH] Tweak UI

---
 src/components/AddForm.vue      |  2 +-
 src/components/GlobalDialog.vue |  1 +
 src/components/Torrents.vue     | 26 +++++++++++++++-----------
 3 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/components/AddForm.vue b/src/components/AddForm.vue
index ab6d6a7..726456a 100644
--- a/src/components/AddForm.vue
+++ b/src/components/AddForm.vue
@@ -377,7 +377,7 @@ export default class AddForm extends Vue {
 @include dialog-title;
 
 .btn-add.with-footer {
-  margin-bottom: 36px;
+  margin-bottom: 27.5px;
 }
 
 .container {
diff --git a/src/components/GlobalDialog.vue b/src/components/GlobalDialog.vue
index c3cc2d7..ebcbe53 100644
--- a/src/components/GlobalDialog.vue
+++ b/src/components/GlobalDialog.vue
@@ -13,6 +13,7 @@
           :rules="content.rules"
           :placeholder="content.placeholder"
           :hide-details="!content.rules"
+          autofocus
         />
         <template v-else>
           {{ content.text }}
diff --git a/src/components/Torrents.vue b/src/components/Torrents.vue
index 075322c..bc71b03 100644
--- a/src/components/Torrents.vue
+++ b/src/components/Torrents.vue
@@ -616,18 +616,13 @@ export default class Torrents extends Vue {
       }
     }
     
-    ::v-deep .v-data-footer {
+    &::v-deep .v-data-footer {
       margin-right: 4em;
 
-      .phone-layout & {
-        justify-content: flex-start;
-
-        .v-data-footer__select {
-          display: none;
-        }
-
-        .v-data-footer__pagination {
-          margin-left: 0;
+      .v-data-footer__select .v-select {
+        margin: {
+          top: 10px;
+          bottom: 10px;
         }
       }
     }
@@ -635,9 +630,18 @@ export default class Torrents extends Vue {
 }
 
 .phone-layout {
-  .v-data-table ::v-deep .v-data-footer {
+  .v-data-table::v-deep .v-data-footer {
+    justify-content: flex-start;
     flex-wrap: nowrap;
     margin-right: 0;
+
+    .v-data-footer__select {
+      display: none;
+    }
+
+    .v-data-footer__pagination {
+      margin-left: 0;
+    }
   }
 }