Minor update version 1.5.7 (#24)

docs/README.md

@@ -1,7 +1,6 @@
 # ![Alt Text](../src/assets/icons/48.png) Skroutz Sponsored Flagger
 
 Skroutz Sponsored Flagger is a browser extension that detects and highlights sponsored products on [skroutz.gr](https://skroutz.gr).<br>
-You can start using it by simply downloading it from the [Chrome Extension Store](https://chrome.google.com/webstore/detail/skroutz-sponsored-flagger/amglnkndjeoojnjjeepeheobhneeogcl) or [Firefox Add-ons Store](https://addons.mozilla.org/en-US/firefox/addon/skroutz-sponsored-flagger).
 
 ![Alt Text](../assets/large_promo.png)
 
@@ -44,3 +43,12 @@ If you have any suggestions for improvements or are facing a bug, feel free to s
 ## License
 
 This extension is licensed under the GNU general public license. See the LICENSE file for more details.
+
+<p align="center">
+  <a href="https://addons.mozilla.org/en-US/firefox/addon/skroutz-sponsored-flagger">
+    <img src="../assets/store_images/firefox.png" alt="Firefox" width="300" style="vertical-align: middle;">
+  </a>
+  <a href="https://chrome.google.com/webstore/detail/skroutz-sponsored-flagger/amglnkndjeoojnjjeepeheobhneeogcl">
+    <img src="../assets/store_images/chrome.png" alt="Chrome" width="300" style="vertical-align: middle;">
+  </a>
+</p>

src/css/flaggerToggle.css

@@ -13,9 +13,6 @@
 
 
 .flagger-toggle-product {
-  display: flex;
-  align-items: center;
-  justify-content: center;
   margin: 8px 16px 16px 0px !important;
   padding: 9px 17px !important;
   display: flex !important;

src/css/style.css

@@ -32,7 +32,6 @@
 
 .align-end {
   text-align: end !important;
-  /* font-style: italic !important; */
 }
 
 text-black {
@@ -46,8 +45,9 @@ text-black {
 .sponsored-label,
 .flagged-list-title,
 .label-text {
-  border-radius: 5px !important;
-  padding: 2px 6px 2px !important;
+  border-radius: 2px !important;
+  padding: 8px 12px !important;
+
   background-color: #ffdbdf !important;
   font-weight: bold !important;
   color: red !important;
@@ -60,21 +60,21 @@ text-black {
 }
 
 .info-label-positive {
-  border: 1px solid var(--color-text-success-default) !important; /* Updated to use variable */
+  border: 1px solid var(--color-text-success-default) !important;
   line-height: 1.4 !important;
   font-size: 16px !important;
   font-weight: 500 !important;
-  background-color: var(--color-background-success-weak) !important; /* Updated to use variable */
-  color: var(--color-text-success-default) !important; /* Updated to use variable */
+  background-color: var(--color-background-success-weak) !important;
+  color: var(--color-text-success-default) !important;
 }
 
 .info-label-negative {
-  border: 1px solid var(--custom-light-red, #ff0000) !important; /* Existing implementation */
+  border: 1px solid var(--custom-light-red, #ff0000) !important;
   line-height: 1.4 !important;
   font-size: 16px !important;
   font-weight: 500 !important;
-  background-color: var(--color-background-accent-weak) !important; /* Matches existing color */
-  color: var(--color-text-accent-default) !important; /* Matches existing color */
+  background-color: var(--color-background-accent-weak) !important;
+  color: var(--color-text-accent-default) !important;
 }
 
 .sponsored-label svg,

src/handlers/sponsoredProductHandler.ts

@@ -51,11 +51,11 @@ export class SponsoredProductHandler {
 
     private hasSponsoredLabelText(listItem: Element): boolean {
         const labelTextElement = listItem.querySelector(".label-text");
-        return !!labelTextElement && isSponsored(labelTextElement);
+        return isSponsored(labelTextElement);
     }
 
     private hasFlaggedLabelText(listItem: Element): boolean {
         const labelTextElement = listItem.querySelector(".label-text");
-        return !!labelTextElement && isFlagged(labelTextElement);
+        return isFlagged(labelTextElement);
     }
 }

src/manifest_chrome.json

@@ -1,7 +1,7 @@
 {
   "name": "Skroutz Sponsored Flagger",
   "description": "Flags sponsored products on Skroutz.gr",
-  "version": "1.5.6",
+  "version": "1.5.7",
   "manifest_version": 3,
   "permissions": [],
   "content_scripts": [

src/manifest_firefox.json

@@ -1,7 +1,7 @@
 {
   "name": "Skroutz Sponsored Flagger",
   "description": "Flags sponsored products on Skroutz.gr",
-  "version": "1.5.6",
+  "version": "1.5.7",
   "manifest_version": 3,
   "permissions": [],
   "content_scripts": [

src/popup/popup.html

@@ -2,6 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Skroutz Sponsored Flagger</title>
     <link rel="stylesheet" href="popup.css" />
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
@@ -32,13 +33,15 @@
     </div>
 
     <div class="rate-section">
-      <p><strong>If you enjoy SSF<br>rate it on</strong></p>
+      <p><strong>If you enjoy the extension<br>rate it on</strong></p>
       <div class="icons">
         <a href="https://addons.mozilla.org/en-US/firefox/addon/skroutz-sponsored-flagger/reviews/" target="_blank" rel="noopener noreferrer" class="icon-link">
-            <img src="https://www.mozilla.org/media/protocol/img/logos/firefox/browser/logo.eb1324e44442.svg" alt="Rate on Firefox Add-ons" class="rate-icon" />
+            <img src="https://raw.githubusercontent.com/keybraker/skroutz-sponsored-flagger/main/assets/store_images/firefox.png" width="150" alt="Rate on Firefox Add-ons" class="rate-icon" />
+            <!-- src="https://www.mozilla.org/media/protocol/img/logos/firefox/browser/logo.eb1324e44442.svg" -->
         </a>
         <a href="https://chrome.google.com/webstore/detail/skroutz-sponsored-flagger/amglnkndjeoojnjjeepeheobhneeogcl?hl=en&authuser=0" target="_blank" rel="noopener noreferrer" class="icon-link">
-            <img src="https://www.google.com/chrome/static/images/chrome-logo-m100.svg" alt="Rate on Chrome Web Store" class="rate-icon" />
+            <img src="https://raw.githubusercontent.com/keybraker/skroutz-sponsored-flagger/main/assets/store_images/chrome.png" width="150" alt="Rate on Chrome Web Store" class="rate-icon" />
+            <!-- src="https://www.google.com/chrome/static/images/chrome-logo-m100.svg" -->
         </a>
       </div>
     </div>

src/utilities/sponsoredUtil.ts

@@ -49,8 +49,8 @@ export function updateSponsoredTextSingle(
     }
 }
 
-export function isSponsored(element: Element | null) {
-    if (!element || !element?.textContent) {
+export function isSponsored(element: Element | null): boolean {
+    if (!element || !element.textContent) {
         return false;
     }
 
@@ -64,5 +64,6 @@ export function isSponsored(element: Element | null) {
         "Sponsored",
     ];
 
-    return sponsoredTexts.includes(element.textContent);
+    return sponsoredTexts.includes(element.textContent.trim());
 }
+