Add bridge debug info to options page

ext/src/options/styles/index.css

@@ -17,6 +17,48 @@
 }
 
 
+.bridge {
+    margin-top: 20px;
+}
+
+.bridge,
+.bridge__loading {
+    display: flex;
+    flex-direction: column;
+}
+
+.bridge__loading {
+    align-items: center;
+    align-self: center;
+    font-size: 1.25em;
+    font-weight: 300;
+    width: 30%;
+}
+
+.bridge__loading progress {
+    margin-top: 5px;
+    width: 100%;
+}
+
+.bridge__missing {
+    background-color: #d70022;
+    border-radius: 5px;
+    color: white;
+    padding: 5px;
+    margin-top: 5px;
+}
+
+.bridge__found {
+    margin-top: 5px;
+}
+
+.bridge__info {
+    height: 150px;
+    margin-inline-start: 5px;
+    width: 80%;
+}
+
+
 .category {
     border: initial;
     display: grid;
@@ -24,7 +66,7 @@
     grid-column-gap: 20px;
     grid-row-gap: 5px;
     margin: initial;
-    padding: 15px 0;
+    padding: 10px 0;
 }
 
 .category:disabled {