Update store images and alignment in README and

popup files
keybraker · Nov 26, 2023 · f6b6621 · f6b6621
1 parent 32f5de7
commit f6b6621
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/docs/README.md b/docs/README.md
@@ -44,11 +44,11 @@ If you have any suggestions for improvements or are facing a bug, feel free to s
 
 This extension is licensed under the GNU general public license. See the LICENSE file for more details.
 
-<p align="center">
+<p align="left">
   <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;">
+    <img src="../assets/store_images/firefox.png" alt="Firefox" width="250" 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;">
+    <img src="../assets/store_images/chrome.png" alt="Chrome" width="250" style="vertical-align: middle;">
   </a>
 </p>
diff --git a/src/popup/popup.css b/src/popup/popup.css
@@ -1,6 +1,6 @@
 .popup-body {
   font-family: 'Roboto', sans-serif;
-  width: 250px;
+  height: 100%;
   padding: 15px;
   background-color: #f7f7f7;
   color: #333;
@@ -72,6 +72,7 @@
 .label-section {
   display: flex;
   align-items: center;
+  vertical-align: middle;
   justify-content: start;
   margin-bottom: 20px;
 }
@@ -94,4 +95,4 @@
   white-space: wrap;
   overflow: hidden;
   text-overflow: ellipsis;
-}
+}
diff --git a/src/popup/popup.html b/src/popup/popup.html
@@ -36,11 +36,11 @@
       <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://raw.githubusercontent.com/keybraker/skroutz-sponsored-flagger/main/assets/store_images/firefox.png" width="150" 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" alt="Rate on Firefox Add-ons" class="rate-icon" style="width: 125px;" />
             <!-- 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://raw.githubusercontent.com/keybraker/skroutz-sponsored-flagger/main/assets/store_images/chrome.png" width="150" 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" alt="Rate on Chrome Web Store" class="rate-icon" style="width: 125px;" />
             <!-- src="https://www.google.com/chrome/static/images/chrome-logo-m100.svg" -->
         </a>
       </div>