added info icon as ling to options page

src/css/popup.css

@@ -1186,3 +1186,19 @@ input {
 #manage-assigned-sites-list {
   color: #5A9DE6;
 }
+
+#info-icon {
+  position: absolute;
+  right: 13px;
+  top: 13px;
+  font-size: 10px;
+  height: 14px;
+  width: 14px;
+  border: solid 1px #000;
+  border-radius: 7px;
+  cursor: pointer;
+  text-align: center;
+  color: #000;
+  text-decoration: none;
+  font-weight: bold;
+}

src/js/popup.js

@@ -539,6 +539,9 @@ Logic.registerPanel(P_CONTAINERS_LIST, {
     Utils.addEnterHandler(document.querySelector("#always-open-in"), () => {
       Logic.showPanel(P_CONTAINER_PICKER, null, ALWAYS_OPEN_IN_PICKER);
     });
+    Utils.addEnterHandler(document.querySelector("#info-icon"), () => {
+      browser.runtime.openOptionsPage();
+    });
     Utils.addEnterHandler(document.querySelector("#sort-containers-link"), async () => {
       try {
         await browser.runtime.sendMessage({

src/popup.html

@@ -119,6 +119,7 @@
     <h3 class="title">
       Multi-Account Containers
     </h3>
+    <a href="#" id="info-icon">i</a>
     <hr>
     <table class="menu">
       <tr class="menu-item" id="open-new-tab-in">