UI fixes

css/main.css

@@ -45,21 +45,6 @@ body[data-theme=dark] sm-popup::part(popup) {
   background-color: rgba(var(--foreground-color), 1);
 }
 
-h1, h1 > *,
-h2,
-h2 > *,
-h3,
-h3 > *,
-h4,
-h4 > *,
-h5,
-h5 > *,
-h6,
-h6 > * {
-  font-weight: 400;
-  font-family: "Calistoga", cursive;
-}
-
 p,
 strong {
   font-size: 0.9rem;
@@ -992,6 +977,7 @@ ol li::before {
   white-space: initial;
   padding: 0.8rem;
   border: solid thin rgba(var(--text-color), 0.1);
+  border-radius: 0.5rem;
 }
 .wallet-action:hover {
   border: solid thin rgba(var(--text-color), 0.5);

css/main.scss

@@ -44,19 +44,6 @@ body[data-theme="dark"] {
   }
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  &,
-  & > * {
-    font-weight: 400;
-    font-family: "Calistoga", cursive;
-  }
-}
-
 p,
 strong {
   font-size: 0.9rem;
@@ -913,6 +900,7 @@ ol {
   white-space: initial;
   padding: 0.8rem;
   border: solid thin rgba(var(--text-color), 0.1);
+  border-radius: 0.5rem;
   &:hover {
     border: solid thin rgba(var(--text-color), 0.5);
   }

index.html

@@ -7,10 +7,11 @@
     <meta charset="UTF-8">
     <meta name="description"
         content="This webapp allows monitoring FLO addresses and performing transactions based on blockchain.">
+    <link rel="shortcut icon" href="flo-favicon.png" type="image/png">    
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link
-        href="https://fonts.googleapis.com/css2?family=Calistoga&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"
+        href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"
         rel="stylesheet">
     <link rel="stylesheet" href="css/main.min.css">
     <script id="floGlobals">
@@ -363,7 +364,8 @@
                             </a>
                             <div class="grid gap-1"
                                 style="border-top: solid thin rgba(var(--text-color), 0.5); padding-top: 1rem">
-                                <h5>Transfer rupee tokens to other RanchiMall Products</h5>
+                                <h5 style="font-weight: 500;">Transfer rupee tokens to other
+                                    RanchiMall products</h5>
                                 <div class="actions-wrapper">
                                     <button class="wallet-action" onclick="openExternalTransferPopup('exchange')">
                                         <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px"