From 43a09603fc2f3101cb249c3e4454785d436ca978 Mon Sep 17 00:00:00 2001
From: CzBiX <gliuwr@gmail.com>
Date: Wed, 4 Sep 2019 13:20:16 +0800
Subject: [PATCH] Tweak UI

---
 src/components/Footer.vue | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 821358b..097abfc 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -34,7 +34,7 @@
     <div class="icon-label" v-if="!phoneLayout">
       <v-icon>mdi-swap-vertical-bold</v-icon>
       <span>
-        {{ info.alltime_dl | formatSize }}/{{ info.alltime_ul | formatSize }}
+        {{ info.alltime_ul | formatSize }}/{{ info.alltime_dl | formatSize }}
       </span>
     </div>
   </div>
@@ -94,21 +94,6 @@
       </v-tooltip>
     </div>
     <v-divider vertical class="mx-2" v-if="!phoneLayout"/>
-    <div class="icon-label">
-      <v-icon
-        :color=" info.dl_info_speed > 0 ? 'success' : null"
-      >mdi-download</v-icon>
-      <span>
-        {{ info.dl_info_speed | formatSize }}/s
-        <template v-if="info.dl_rate_limit">
-          ({{ info.dl_rate_limit | formatSize}}/s)
-        </template>
-        <template v-if="!phoneLayout">
-          [{{ info.dl_info_data | formatSize }}]
-        </template>
-      </span>
-    </div>
-    <v-divider vertical class="mx-2" v-if="!phoneLayout"/>
     <div class="icon-label">
       <v-icon
         :color=" info.up_info_speed > 0 ? 'warning' : null"
@@ -123,6 +108,21 @@
         </template>
       </span>
     </div>
+    <v-divider vertical class="mx-2" v-if="!phoneLayout"/>
+    <div class="icon-label">
+      <v-icon
+        :color=" info.dl_info_speed > 0 ? 'success' : null"
+      >mdi-download</v-icon>
+      <span>
+        {{ info.dl_info_speed | formatSize }}/s
+        <template v-if="info.dl_rate_limit">
+          ({{ info.dl_rate_limit | formatSize}}/s)
+        </template>
+        <template v-if="!phoneLayout">
+          [{{ info.dl_info_data | formatSize }}]
+        </template>
+      </span>
+    </div>
   </div>
 </div>
 </template>