Update templates/index.html

templates/index.html

@@ -75,6 +75,11 @@
             object-fit: cover;
             margin: auto;
         }
+
+      .info {
+            display: flex;
+            align-items: center;
+      }
       
         a:hover {
             background-color: yellow;
@@ -97,7 +102,7 @@
         <h1 style="color:rgb(83, 83, 83); font-family: 'Helvetica'; font-weight: 50; margin-bottom: 3%;"> a random unsecured camera</h1>
                 <div class="flex-container">
                     <img id="feed" class="feed" src="{{ url_for('proxy', url=url) }}"  />
-
+                    <div class="info">
                         <div class="map-div">
                             <img id="map" src="{{ url_for('static', filename='map.png') }}" style="width: 100%; height: 100%;" />
                             <div class="dot" style="left: {{ X }}%; top: {{ Y }}%;"></div>
@@ -112,6 +117,7 @@
                             another
                             </button>
                         </a>
+                    </div>
                 </div>
     </div>