Update templates/index.html

templates/index.html

@@ -186,6 +186,10 @@
         color: black;
       }
 
+      #location-name {
+        margin-bottom: 10px;
+      }
+
         #share {
           cursor: pointer;
           margin: auto;
@@ -283,7 +287,7 @@
                             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>
+                          </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>
                                                 
                         </p>
                     
@@ -500,10 +504,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 = '(less) <i style="margin-bottom:10px; color:var(--text-color);" id="more-button" class="fa-solid fa-caret-up"></i>';
       } 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 = '(more) <i style="margin-bottom:10px; color:var(--text-color);" id="more-button" class="fa-solid fa-caret-down"></i>';
       }
     });
   });