Added rtl support in WebExtension driver

src/apps.json

@@ -944,7 +944,7 @@
       "icon": "apigee.svg",
       "website": "https://cloud.google.com/apigee/"
     },
-    "Apostrophe CMS": {
+    "ApostropheCMS": {
       "cats": [
         1
       ],
@@ -13238,17 +13238,17 @@
       "website": "https://phpbb.com"
     },
     "phpDocumentor": {
-    "phpCMS": {
+      "phpCMS": {
-      "cats": [
+        "cats": [
-        1
+          1
-      ],
+        ],
-      "icon": "phpCMS.png",
+        "icon": "phpCMS.png",
-      "implies": "PHP",
+        "implies": "PHP",
-      "js": {
+        "js": {
-        "phpcms": ""
+          "phpcms": ""
+        },
+        "website": "http://phpcms.de"
       },
-      "website": "http://phpcms.de"
-    },
       "cats": [
         4
       ],

src/drivers/npm/package.json

@@ -2,7 +2,7 @@
   "name": "wappalyzer",
   "description": "Uncovers the technologies used on websites",
   "homepage": "https://github.com/AliasIO/Wappalyzer",
-  "version": "5.9.4",
+  "version": "5.9.5",
   "author": "Elbert Alias",
   "license": "GPL-3.0",
   "repository": {

src/drivers/webextension/css/options.css

@@ -1,6 +1,7 @@
 body {
 	color: #303942;
   cursor: default;
+  direction: __MSG_@@bidi_dir__;
 	font-family: Helvetica, Arial, sans-serif;
 	font-size: .8rem;
   line-height: 1.4rem;
@@ -59,7 +60,7 @@ a:active {
 
 .hero {
 	background: linear-gradient(160deg, #32067c, #150233);
-	padding: 1.5rem 0 1rem 1.5rem;
+	padding: 1.5rem 1.5rem 1rem 1.5rem;
 }
 
 	.hero img {
@@ -97,7 +98,8 @@ a:active {
 		border: 1px solid #dbdbdb;
 		cursor: pointer;
 		color: #303942;
-		margin: 0 1rem .5rem 0;
+		margin-bottom: .5rem;
+    margin-inline-end: 1rem;
 	}
 
 @-webkit-keyframes fadeout {

src/drivers/webextension/css/popup.css

@@ -1,5 +1,6 @@
 body {
 	background: #fff;
+  direction: __MSG_@@bidi_dir__;
 	font-family: Helvetica, Arial, sans-serif;
   font-size: .8rem;
 	margin: 0;
@@ -19,7 +20,7 @@ body {
 
 .header__logo {
   display: inline-block;
-  margin: .2rem 0 0 1.5rem;
+  margin: .2rem 1.5rem 0 1.5rem;
   -webkit-backface-visibility: hidden;
   -webkit-transform: translateZ(0) scale(1.0, 1.0);
   transform: translateZ(0);
@@ -64,6 +65,7 @@ body {
 
 .detected__category-pin-wrapper {
   margin-left: .2rem;
+  margin-right: .2rem;
 }
 
 .detected__category-pin {
@@ -104,7 +106,7 @@ body {
 .detected__app-icon {
 	display: inline-block;
 	height: 16px;
-	margin-right: .5rem;
+	margin-inline-end: .5rem;
 	vertical-align: -.2rem;
 	width: 16px;
 }

src/drivers/webextension/manifest.json

@@ -4,7 +4,7 @@
   "author": "Elbert Alias",
   "homepage_url": "https://www.wappalyzer.com",
   "description": "Identify web technologies",
-  "version": "5.9.4",
+  "version": "5.9.5",
   "default_locale": "en",
   "manifest_version": 2,
   "icons": {