From 44a7a8c1abb2ae209e1523669da36ac8572f705b Mon Sep 17 00:00:00 2001
From: Richard Bowman <richard.bowman@cantab.net>
Date: Thu, 4 Jan 2024 00:33:39 +0000
Subject: [PATCH] Tidy up background detect pane

---
 .../paneBackgroundDetect.vue                  | 23 ++++++-------------
 1 file changed, 7 insertions(+), 16 deletions(-)

diff --git a/webapp/src/components/tabContentComponents/backgroundDetectComponents/paneBackgroundDetect.vue b/webapp/src/components/tabContentComponents/backgroundDetectComponents/paneBackgroundDetect.vue
index e05c2585..980378b3 100644
--- a/webapp/src/components/tabContentComponents/backgroundDetectComponents/paneBackgroundDetect.vue
+++ b/webapp/src/components/tabContentComponents/backgroundDetectComponents/paneBackgroundDetect.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="uk-padding-small">
-    <div v-show="!thingAvailable" class="ui-alert-error" uk-alert>
+    <div v-show="!backendOK" class="uk-alert-danger">
       The background detect Thing seems to be missing or incompatible.
     </div>
-    <div v-show="thingAvailable">
+    <div v-show="backendOK">
       <div class="uk-margin">
         <taskSubmitter
           :submit-url="setBackgroundUri"
@@ -48,6 +48,11 @@ export default {
     },
     setBackgroundUri() {
       return this.thingActionUrl("background_detect", "set_background");
+    },
+    backendOK() {
+      return (
+        (this.backgroundFractionUri != null) & (this.setBackgroundUri != null)
+      );
     }
   },
 
@@ -60,17 +65,3 @@ export default {
   }
 };
 </script>
-
-<style>
-.grid-container {
-  display: grid;
-  grid-template-columns: auto auto;
-  grid-column-gap: 10px;
-}
-
-.warning {
-  color: #c11;
-  font-weight: bold;
-  text-align: center;
-}
-</style>