Update templates/index.html

templates/index.html

@@ -168,6 +168,7 @@
               font-size: 10pt;
               border-radius: 0px;
               border-bottom: 1px white solid;
+              border-right: 1px white solid;
               background-color: black;
           
         }
@@ -255,18 +256,6 @@
                     <div class="info" id="info">
                       <h1 id="country" style="color:var(--text-color); margin-top: 10px; font-family: 'Andale Mono'; margin-bottom: 2px;"> searching...</h1>        
                       <a href="{{ ip_link }}" target="_blank"> <h3 id="location-name">{{ page_title|safe }}</h3></a>
-                      
-                        <p id="info-text" style="color:var(--text-color); font-family: 'Andale Mono';">
-
-                          time: <span id="time"></span><br>
-
-                          <span id="additional-info">
-                            owner: {{ owner }}<br>
-                            ip: {{ ip }}<br>  
-                            lat, lon: {{ loc }}
-                          </span><span id="show-more"><i style="margin-bottom:5px; color:var(--text-color);" id="more-button" class="fa-solid fa-caret-down"></i> (more)</span>
-                                                
-                        </p>
 
                      <div style="display: flex; margin-top: 0px; margin-bottom: 0%;">
   
@@ -285,6 +274,18 @@
                         <i id="share" class="fa-solid fa-link" data-id="{{ id }}"></i>
                         <p id="copied" class="tag" style="visibility: hidden;">copied</p>
                       </div>
+                      
+                        <p id="info-text" style="color:var(--text-color); font-family: 'Andale Mono';">
+
+                          time: <span id="time"></span><br>
+
+                          <span id="additional-info">
+                            owner: {{ owner }}<br>
+                            ip: {{ ip }}<br>  
+                            lat, lon: {{ loc }}
+                          </span> <span id="show-more"><i style="margin-bottom:5px; color:var(--text-color);" id="more-button" class="fa-solid fa-caret-down"></i> (more)</span>
+                                                
+                        </p>
                     
 
                       <!--
@@ -499,10 +500,10 @@
       if (additionalInfo.style.height === '0px') {
         const scrollHeight = additionalInfo.scrollHeight;
         additionalInfo.style.height = `${scrollHeight}px`;
-        showMore.innerHTML = '<i style="margin-bottom:10px; color:var(--text-color);" id="more-button" class="fa-solid fa-caret-up"></i> (less)';
+        showMore.innerHTML = ' <i style="margin-bottom:10px; color:var(--text-color);" id="more-button" class="fa-solid fa-caret-up"></i> (less)';
       } else {
         additionalInfo.style.height = '0';
-        showMore.innerHTML = '<i style="margin-bottom:10px; color:var(--text-color);" id="more-button" class="fa-solid fa-caret-down"></i> (more)';
+        showMore.innerHTML = ' <i style="margin-bottom:10px; color:var(--text-color);" id="more-button" class="fa-solid fa-caret-down"></i> (more)';
       }
     });
   });