From 586b9240d0dd88277745c828c2786fde455a5bf8 Mon Sep 17 00:00:00 2001
From: sakkamade <62730422+sakkamade@users.noreply.github.com>
Date: Fri, 2 Jul 2021 22:58:44 +0000
Subject: [PATCH] fix status message in footer

---
 src/renderer/components/Footer.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/Footer.vue b/src/renderer/components/Footer.vue
index 3735b55..40172c9 100644
--- a/src/renderer/components/Footer.vue
+++ b/src/renderer/components/Footer.vue
@@ -137,22 +137,24 @@ export default {
 .footer-container {
   $height: 25px;
 
-  display: flex;
   height: $height;
-  overflow: hidden;
 
   .footer-left {
-    //
+    margin-right: 110px; /* to compensate for the overall width of .footer-right */
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   .footer-right {
-    flex: 1;
+    bottom: 0;
     text-align: right;
+    position: absolute;
+    right: 8px; /* equal to side padding of .footer-btn */
   }
 
   .footer-status {
     display: inline-block;
-    max-width: 350px;
     height: $height;
     line-height: $height;
     vertical-align: top;