Update templates/index.html

templates/index.html

@@ -163,6 +163,7 @@
               color: var(--text-color);
               transition: 0.1s ease;
               font-size: 10pt;
+              padding: 5px;
         }
         .hoverButton:hover {
               color: black;
@@ -247,13 +248,13 @@
                       <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: 3px; border: 1px solid white; background-color: transparent; padding: 10px;">
+                          <button class="hoverButton">
                             another
                           </button>
                         </a>
                         <!--<a  class="abortButton" href="?new=false&id={{ id }}" id="refreshSameFeedButton" style="display: inline-block;">-->
                         <a  class="abortButton" href="?new=false&id={{ id }}" id="refreshSameFeedButton" style="display: inline-block;">
-                          <button class="hoverButton" style="border-radius: 3px; border: 1px solid var(--text-color); background-color: transparent; padding: 10px;">
+                          <button class="hoverButton">
                             refresh
                           </button>
                         </a>
@@ -358,7 +359,8 @@
             infoText.style.opacity = "1";
           
             setTimeout(refreshImage, 500);
-            country.textContent = "{{ country }}"
+            country.textContent = "{{ country|upper }}";
+          
         };
         
         img.onerror = function(event) {