Update templates/index.html

templates/index.html

@@ -215,15 +215,17 @@
 
                       <div style="display: flex; margin-top: 22px; margin-bottom: 0%;">
   
-                          <button class="hoverButton" onclick="window.location.href='?new=true'" style="border-radius: 5px; border: 2px solid yellow; background-color: transparent; padding: 10px;">
+                        <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; padding: 10px;">
                             another
                           </button>
-                    
-                        <a id="refreshSameFeedButton" style="display: inline-block;">
-                          <button class="hoverButton" onclick="window.location.href='?new=false&id={{ id }}'" style="border-radius: 5px; border: 2px solid rgb(53, 53, 53); background-color: transparent; padding: 10px;">
+                        </a>
+                        <a href="?new=false&id={{ id }}" id="refreshSameFeedButton" style="display: inline-block;">
+                          <button class="hoverButton" style="border-radius: 5px; border: 2px solid rgb(53, 53, 53); background-color: transparent; padding: 10px;">
                             refresh
                           </button>
                         </a>
+                        
                         <i id="share" class="fa-solid fa-link" data-id="{{ id }}"></i>
                         <p id="copied" class="tag" style="visibility: hidden;">copied</p>
                       </div>
@@ -389,7 +391,7 @@
     // Stop stream when click button
     document.querySelectorAll('hoverButton').forEach(button => {
       button.addEventListener('click', () => {
-        fetch('/abort_stream'); 
+        init();
       });
     });