From 585b59db64f44a351065ea66caebdf5146b5c272 Mon Sep 17 00:00:00 2001
From: Xander Frangos <33106561+xanderfrangos@users.noreply.github.com>
Date: Sun, 26 Apr 2020 19:36:09 -0400
Subject: [PATCH] Added percentage to the brightness panel's update bar

---
 src/components/BrightnessPanel.jsx | 2 +-
 src/css/panel.scss                 | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/BrightnessPanel.jsx b/src/components/BrightnessPanel.jsx
index 644ca719..4d7ca755 100644
--- a/src/components/BrightnessPanel.jsx
+++ b/src/components/BrightnessPanel.jsx
@@ -53,7 +53,7 @@ export default class BrightnessPanel extends PureComponent {
         <div className="left">{T.t("PANEL_UPDATE_AVAILABLE")} ({this.state.update.version})</div><div className="right"><a onClick={window.installUpdate}>{T.t("GENERIC_INSTALL")}</a><a className="icon" title={T.t("GENERIC_DISMISS")} onClick={window.dismissUpdate}>&#xEF2C;</a></div>
       </div>)
     } else if(this.state.update && this.state.update.downloading) {
-      return (<div className="updateBar"><div className="progress-bar"><div style={ { width: `${this.state.updateProgress}%`} }></div></div></div>)
+    return (<div className="updateBar"><div className="left progress"><div className="progress-bar"><div style={ { width: `${this.state.updateProgress}%`} }></div></div></div><div className="right">{this.state.updateProgress}%</div></div>)
     }
   }
 
diff --git a/src/css/panel.scss b/src/css/panel.scss
index 1116adf7..02f2d416 100644
--- a/src/css/panel.scss
+++ b/src/css/panel.scss
@@ -118,7 +118,11 @@ body {
 
     .left {
         font-size: 13px;
-            opacity: 0.8;
+        opacity: 0.8;
+        &.progress {
+            padding-right: 15px;
+            width: 100%;
+        }
     }
     .right {
         display: flex;