Tweak UI

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 {

src/components/GlobalDialog.vue

@@ -13,6 +13,7 @@
           :rules="content.rules"
           :placeholder="content.placeholder"
           :hide-details="!content.rules"
+          autofocus
         />
         <template v-else>
           {{ content.text }}

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;
+    }
   }
 }