Dev1 (#125)

* Update Language and Save Instance

* Update the version and Change swap button

* Resolved merge conflicts

assets/popup.html

@@ -128,7 +128,7 @@
                     <div class="form-group row justify-content-between pt-3">
                         <div class="col-6" id="searchTermCount"></div>
                         <div class="col-6 text-end">
-                            <button id="swapTerms" class="col-6 rounded-2 text-center border-0 bg-button"
+                            <button id="swapTerms" class="col-9 rounded-2 text-center border-0 bg-button py-1"
                                 data-locale="Swap">
                                 <img src="ph_swap-fill.svg" alt="Swap Icon" class="me-1">Swap</button>
                         </div>
@@ -193,7 +193,7 @@ <h5 class="text-color" data-locale="settings">Settings</h5>
                             data-locale="back">Back</span>
                     </div>
                     <h5 class="text-color" data-locale="about">About</h5>
-                    <p><span data-locale="ext_name">Search and Replace</span><span id="version_number"></span></p>
+                    <p><span data-locale="ext_name">Search and Replace</span>&nbsp&nbsp<span id="version_number"></span></p>
                     <p data-locale="ext_description">Search for text on a webpage and replace it with different text.
                     </p>
                 </div>

manifest.json

@@ -31,7 +31,7 @@
     "permissions": ["activeTab", "storage", "notifications", "tabs"],
     "host_permissions": ["http://*/*", "https://*/*"],
     "update_url": "http://clients2.google.com/service/update2/crx",
-    "version":"2.0.9",
+    "version":"2.3.0",
     "icons": {
         "16": "assets/icon-16.png",
         "32": "assets/icon-32.png",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "search_and_replace",
-  "version": "2.0.9",
+  "version": "2.3.0",
   "resolutions": {
     "author": "Chris Taylor <[email protected]>"
   },

src/options.ts

@@ -148,7 +148,7 @@ function instanceToHTML(instance: SavedSearchReplaceInstance, instanceId: string
     const getString = i18n
 
     return `
-    <div class="col-3 rounded-1 p-3" id="instanceForm${instanceId}">
+    <div class="col-4 rounded-1 p-3" id="instanceForm${instanceId}">
         <div class="card">
             <div class="card-header fw-bold">
                 ${getString('RuleID')}: ${instanceId}