Update templates/index.html

templates/index.html

@@ -93,7 +93,7 @@
           width: 100%;
           height: 100%;
           max-height: 80vh;
-          border-radius: 20px;
+          border-radius: 10px;
         }
         .map {
             width: 100%; 
@@ -119,9 +119,6 @@
         #info {
             transition 0.5s ease;
         }
-        .hoverButton {
-          border-radius: 10px;
-        }
         a:hover {
             background-color: yellow;
             color: black;
@@ -198,12 +195,12 @@
                       <a href="{{ ip_link }}" target="_blank"> <h3 style="border-bottom: 2px solid yellow; color:rgb(83, 83, 83); font-family: 'Helvetica'; font-weight: 50;">{{ name }}</h3></a>
 
                       <div style="display: flex; margin-top: 22px; margin-bottom: 0%;">
-                        <a href="?new=true" style="margin-right: 10px; display: inline-block;">
+                        <a href="?new=true" style="border-radius: 5px; margin-right: 10px; display: inline-block;">
                           <button class="hoverButton" style="border: 2px solid yellow; background-color: transparent; color: rgb(83, 83, 83); padding: 10px;">
                             another
                           </button>
                         </a>
-                        <a href="?new=false&id={{ id }}" id="refreshSameFeedButton" style="display: inline-block;">
+                        <a href="?new=false&id={{ id }}" id="refreshSameFeedButton" style="border-radius: 5px; display: inline-block;">
                           <button class="hoverButton" style="border: 2px solid rgb(83, 83, 83); background-color: transparent; color: rgb(83, 83, 83); padding: 10px;">
                             refresh
                           </button>