Update templates/index.html

templates/index.html

@@ -38,6 +38,9 @@
         h3 {
             margin-bottom: 0px;
             margin-top: 0px !important;
+            border-bottom: 2px solid yellow; 
+            color:rgb(53, 53, 53); 
+            font-family: 'Helvetica'; font-weight: 50;
         }
         .pulse {
             width: 40px;
@@ -125,8 +128,9 @@
             transition: 0.5s ease;
         }
         a {
+            border-radius: 5px;
             text-decoration: none;
-            color:rgb(33, 33, 33);
+            color:rgb(53, 53, 53);
             transition: 0.5s ease;
         }
         .tag {
@@ -191,17 +195,17 @@
 
               
                     <div class="info" id="info">
-                      <h1 id="country" style="color:rgb(33, 33, 33); margin-top: 10px; font-family: 'Helvetica'; font-weight: 50; margin-bottom: 10px;"> searching...</h1>        
-                      <a href="{{ ip_link }}" target="_blank"> <h3 style="border-bottom: 2px solid yellow; color:rgb(33, 33, 33); font-family: 'Helvetica'; font-weight: 50;">{{ name }}</h3></a>
+                      <h1 id="country" style="color:rgb(53, 53, 53); margin-top: 10px; font-family: 'Helvetica'; font-weight: 50; margin-bottom: 10px;"> searching...</h1>        
+                      <a href="{{ ip_link }}" target="_blank"> <h3>{{ name }}</h3></a>
 
                       <div style="display: flex; margin-top: 22px; margin-bottom: 0%;">
                         <a href="?new=true" style="margin-right: 10px; display: inline-block;">
-                          <button class="hoverButton" style="border-radius: 5px; border: 2px solid yellow; background-color: transparent; color: rgb(83, 83, 83); padding: 10px;">
+                          <button class="hoverButton" style="border-radius: 5px; border: 2px solid yellow; background-color: transparent; padding: 10px;">
                             another
                           </button>
                         </a>
                         <a href="?new=false&id={{ id }}" id="refreshSameFeedButton" style="display: inline-block;">
-                          <button class="hoverButton" style="border-radius: 5px; border: 2px solid rgb(33, 33, 33); background-color: transparent; color: rgb(83, 83, 83); padding: 10px;">
+                          <button class="hoverButton" style="border-radius: 5px; border: 2px solid rgb(53, 53, 53); background-color: transparent; padding: 10px;">
                             refresh
                           </button>
                         </a>
@@ -209,7 +213,7 @@
                         <p id="copied" class="tag" style="visibility: hidden;">copied</p>
                       </div>
                       
-                      <p id="info-text" style="color:rgb(33, 33, 33); font-family: 'Helvetica'; font-weight: 50;">
+                      <p id="info-text" style="color:rgb(53, 53, 53); font-family: 'Helvetica'; font-weight: 50;">
                           owner: {{ owner }}<br>
                           ip: {{ ip }}<br>  
                           lat, lon: {{ loc }}<br>