From b0661f79aac0d47be35b20b951f24d6454c4b53f Mon Sep 17 00:00:00 2001
From: revealtheweb <aniudohr@gmail.com>
Date: Tue, 22 Oct 2019 11:55:59 +0100
Subject: [PATCH] fix odd edit arrow alignment

---
 src/css/popup.css | 17 ++++++++++-------
 src/popup.html    |  5 +++--
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/css/popup.css b/src/css/popup.css
index 5f45f10..d5f3295 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -754,21 +754,24 @@ span ~ .panel-header-text {
   background: var(--primary-action-color);
   block-size: 100%;
   color: #fff;
-  display: flex;
-  flex: 1;
+  display: inline-block;
   justify-content: center;
+  padding-block-start: 6px;
+  padding-inline-start: 30%;
 }
 
-.exit-edit-mode-link::before {
-  background: url('/img/container-arrow.svg') no-repeat;
+.edit-containers-panel-footer {
+  background: var(--primary-action-color);
+}
+
+.exit-edit-mode-link img {
   block-size: 16px;
-  content: "";
-  display: block;
+  display: inline;
   filter: grayscale(100%) brightness(5);
-  float: left;
   inline-size: 16px;
   margin-inline-end: 5px;
   transform: scaleX(-1);
+  vertical-align: bottom;
 }
 
 .delete-container-confirm {
diff --git a/src/popup.html b/src/popup.html
index 4cd8219..cf9878f 100644
--- a/src/popup.html
+++ b/src/popup.html
@@ -160,8 +160,9 @@
       </table>
     </div>
     <div class="panel-footer edit-containers-panel-footer">
-      <a href="#" id="exit-edit-mode-link" class="exit-edit-mode-link edit-containers-exit-text">Exit Edit Mode</a>
-    </div>
+      <a href="#" id="exit-edit-mode-link" class="exit-edit-mode-link edit-containers-exit-text">
+      <img src="/img/container-arrow.svg"/>Exit Edit Mode</a>
+  </div>
   </div>