From c419b676eb708cf4da1e5e758cac791de3eb2a98 Mon Sep 17 00:00:00 2001
From: CzBiX <gliuwr@gmail.com>
Date: Sat, 14 Sep 2019 04:19:03 +0800
Subject: [PATCH] Adjust speed info label order

---
 src/components/Footer.vue | 38 +++++++++++++++++++++-----------------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 097abfc..592d319 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -32,9 +32,9 @@
     </div>
     <v-divider vertical class="mx-2" v-if="!phoneLayout"/>
     <div class="icon-label" v-if="!phoneLayout">
-      <v-icon>mdi-swap-vertical-bold</v-icon>
+      <v-icon class="icon-upload-download">mdi-swap-vertical-bold</v-icon>
       <span>
-        {{ info.alltime_ul | formatSize }}/{{ info.alltime_dl | formatSize }}
+        {{ info.alltime_dl | formatSize }}/{{ info.alltime_ul | 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.up_info_speed > 0 ? 'warning' : null"
-      >mdi-upload</v-icon>
-      <span>
-        {{ info.up_info_speed | formatSize }}/s
-        <template v-if="info.up_rate_limit">
-          ({{ info.up_rate_limit | formatSize}}/s)
-        </template>
-        <template v-if="!phoneLayout">
-          [{{ info.up_info_data | formatSize }}]
-        </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"
@@ -123,6 +108,21 @@
         </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"
+      >mdi-upload</v-icon>
+      <span>
+        {{ info.up_info_speed | formatSize }}/s
+        <template v-if="info.up_rate_limit">
+          ({{ info.up_rate_limit | formatSize}}/s)
+        </template>
+        <template v-if="!phoneLayout">
+          [{{ info.up_info_data | formatSize }}]
+        </template>
+      </span>
+    </div>
   </div>
 </div>
 </template>
@@ -253,6 +253,10 @@ export default Vue.extend({
   }
 }
 
+.icon-upload-download {
+  transform: scaleX(-1);
+}
+
 .speed-switch {
   font-size: inherit;
   width: 100%;