packages/browser-extension/src/popup.html

@@ -178,7 +178,7 @@
         </popup-button>
         <popup-data-container>
           <popup-data>
-            <b data-i18n="popup_databaseVersion"></b>
+            <strong data-i18n="popup_databaseVersion"></strong>
             <span id="database-version"></span>
             <popup-data-button
               data-animation="flip"
@@ -221,7 +221,7 @@
             </popup-data-button>
           </popup-data>
           <popup-data>
-            <b data-i18n="popup_extensionVersion"></b>
+            <strong data-i18n="popup_extensionVersion"></strong>
             <span id="extension-version"></span>
           </popup-data>
         </popup-data-container>

packages/browser-extension/src/scripts/background.js

@@ -389,8 +389,10 @@ browser.runtime.onInstalled.addListener((details) => {
     suppressLastError
   );
 
-  if (details.reason === 'update') refreshData();
+  if (details.reason === 'update') {
+    refreshData();
     storage.remove('updateAvailable');
+  }
 });
 
 /**

packages/browser-extension/src/styles/popup.css

@@ -23,7 +23,6 @@ body {
 
 body * {
   box-sizing: border-box;
-  font-family: Inter, Arial, Helvetica, sans-serif;
 }
 
 button {
@@ -90,8 +89,6 @@ header {
 }
 
 main > .banner {
-  font-size: 14px;
-  line-height: 18px;
   margin: 0px;
   padding: 16px;
 
@@ -129,7 +126,6 @@ popup-button {
   cursor: pointer;
   display: grid;
   font-size: 14px;
-  line-height: 18px;
   gap: 16px;
   grid-template-rows: repeat(2, 1fr);
   height: 136px;
@@ -171,7 +167,6 @@ popup-data:not(:first-child) {
 
 popup-data-button {
   cursor: pointer;
-  line-height: 0;
   outline: none;
   transition: 0.4s;
 }
@@ -199,13 +194,13 @@ popup-data-container {
   font-size: 12px;
   grid-column: 1 / -1;
   justify-self: center;
-  line-height: 16px;
   text-align: center;
 }
 
 .report {
+  font-family: inherit;
   font-size: 14px;
-  line-height: 18px;
+  line-height: 1.2;
   padding: 16px;
 
   & .report-buttons {
@@ -233,6 +228,7 @@ popup-data-container {
     border-radius: 4px;
     color: var(--color-secondary);
     cursor: text;
+    font-family: Inter, Arial, Helvetica, sans-serif;
     font-size: 14px;
     line-height: 1;
     outline: none;
@@ -283,8 +279,9 @@ popup-data-container {
   & .report-input-error {
     color: var(--color-error);
     display: none;
+    font-family: Inter, Arial, Helvetica, sans-serif;
     font-size: 10px;
-    line-height: 14px;
+    line-height: 1.2;
   }
 
   & .report-input-group {
@@ -294,8 +291,9 @@ popup-data-container {
 
   & .report-input-label {
     color: var(--color-secondary);
+    font-family: Inter, Arial, Helvetica, sans-serif;
     font-size: 12px;
-    line-height: 16px;
+    line-height: 1.2;
   }
 
   & .report-input-label-required {
@@ -308,9 +306,10 @@ popup-data-container {
     color: var(--color-secondary);
     cursor: pointer;
     display: flex;
+    font-family: Inter, Arial, Helvetica, sans-serif;
     font-size: 14px;
     justify-content: center;
-    line-height: 18px;
+    line-height: 1.2;
     margin-left: auto;
     margin-right: auto;
     margin-top: 16px;
@@ -333,10 +332,11 @@ popup-data-container {
     color: var(--color-white);
     cursor: pointer;
     display: flex;
+    font-family: Inter, Arial, Helvetica, sans-serif;
     font-size: 14px;
     height: 42px;
     justify-content: center;
-    line-height: 18px;
+    line-height: 1.2;
     margin-top: 8px;
     outline: none;
     padding: 8px 16px;
@@ -367,15 +367,17 @@ popup-data-container {
   }
 
   & .report-submit-extra-text {
+    font-family: inherit;
     font-size: 14px;
-    line-height: 18px;
+    line-height: 1.2;
     margin: 0px;
     text-align: justify;
   }
 
   & .report-submit-text {
+    font-family: inherit;
     font-size: 18px;
-    line-height: 22px;
+    line-height: 1.2;
     margin: 0px;
     text-align: center;
   }
@@ -385,6 +387,7 @@ popup-data-container {
     align-items: center;
     display: flex;
     flex-direction: column;
+    font-family: Inter, Arial, Helvetica, sans-serif;
     gap: 24px;
     justify-content: center;
     margin-top: 16px;
@@ -396,7 +399,7 @@ popup-data-container {
   }
 }
 
-b {
+strong {
   font-weight: bold;
 }