Update templates/index.html

templates/index.html

@@ -158,13 +158,13 @@
             font-size: 10pt;
         }
         .hoverButton {
+              text-align: left;
               border: none;
               font-size: 10pt;
               font-family: 'Andale Mono';
               color: var(--text-color);
               transition: 0.1s ease;
               font-size: 10pt;
-              padding: 5px;
               border-radius: 0px;
               border-bottom: 1px white solid;
               background-color: black;
@@ -178,6 +178,7 @@
             font-family: 'Andale Mono'; 
             margin: auto;
             color:var(--text-color);
+            border-bottom: white 1px solid;
         }
 
       #location-name:hover {
@@ -254,8 +255,24 @@
                     <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">more <i style="margin-bottom:5px; color:var(--text-color);" id="more-button" class="fa-solid fa-caret-down"></i></span>
+
+                          <span class="tag"><br>made by brayden moore<br></span>
+                                                
+                        </p>
 
-                      <div style="display: flex; margin-top: 12px; margin-bottom: 0%;">
+                     <div style="display: flex; margin-top: 0px; margin-bottom: 0%;">
   
                         <a href="?new=true" style="margin-right: 10px; display: inline-block;">
                           <button class="hoverButton">
@@ -272,22 +289,6 @@
                         <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">more <i style="margin-bottom:10px; color:var(--text-color);" id="more-button" class="fa-solid fa-caret-down"></i></span>
-
-                          <span class="tag"><br>made by brayden moore<br></span>
-                                                
-                        </p>
                     
 
                       <!--