From 307441444ac4de9b0f4df639b8656537d3bd998a Mon Sep 17 00:00:00 2001
From: hensm <m+github@matt.tf>
Date: Wed, 12 Dec 2018 21:40:39 +0000
Subject: [PATCH] Show correct icon for compatible versions and improve styling

---
 ext/src/_locales/en/messages.json |  4 ++--
 ext/src/options/index.jsx         |  4 ++--
 ext/src/options/styles/index.css  | 12 ++++++++++--
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/ext/src/_locales/en/messages.json b/ext/src/_locales/en/messages.json
index df814a3..e25dadf 100755
--- a/ext/src/_locales/en/messages.json
+++ b/ext/src/_locales/en/messages.json
@@ -51,8 +51,8 @@
   , "optionsBridgeCompatible": {
         "message": "COMPATIBLE"
     }
-  , "optionsBridgeMaybeCompatible": {
-        "message": "MAYBE COMPATIBLE"
+  , "optionsBridgeLikelyCompatible": {
+        "message": "LIKELY COMPATIBLE"
     }
   , "optionsBridgeIncompatible": {
         "message": "INCOMPATIBLE"
diff --git a/ext/src/options/index.jsx b/ext/src/options/index.jsx
index 8b1e85e..ba3cba9 100644
--- a/ext/src/options/index.jsx
+++ b/ext/src/options/index.jsx
@@ -185,7 +185,7 @@ class App extends Component {
                                     [ "assets/icons8-cancel-120.png"
                                       , _("optionsBridgeNotFoundStatusText") ]
                                 } else {
-                                    if (bridgeInfo.isVersionExact) {
+                                    if (bridgeInfo.isVersionCompatible) {
                                         [ "assets/icons8-ok-120.png"
                                           , _("optionsBridgeFoundStatusText") ]
                                     } else {
@@ -228,7 +228,7 @@ class App extends Component {
                                                         if (bridgeInfo.isVersionExact) {
                                                             _("optionsBridgeCompatible")
                                                         } else {
-                                                            _("optionsBridgeMaybeCompatible")
+                                                            _("optionsBridgeLikelyCompatible")
                                                         }
                                                     } else {
                                                         _("optionsBridgeIncompatible")
diff --git a/ext/src/options/styles/index.css b/ext/src/options/styles/index.css
index 156d0bd..cba86d4 100644
--- a/ext/src/options/styles/index.css
+++ b/ext/src/options/styles/index.css
@@ -52,6 +52,7 @@
 
 .bridge__info {
     display: flex;
+    padding-inline-start: 25px;
 }
 
 .bridge__status {
@@ -59,8 +60,15 @@
     display: flex;
     flex-basis: min-content;
     flex-direction: column;
-    margin-inline-end: 50px;
-    margin-inline-start: 25px;
+    margin-inline-end: 25px;
+}
+
+.bridge__info--not-found {
+    padding-inline-end: 25px;
+}
+.bridge__info--found .bridge__status {
+    border-inline-end: 1px solid var(--border-color);
+    padding-inline-end: 25px;
 }
 
 .bridge__status-text {