Update templates/index.html

templates/index.html

@@ -97,8 +97,8 @@
             }
             
             .feed {
-                width: 80vw;
-                height: 30vh;
+                width: 90vw;
+                max-height: 90vh;
                 margin-right: 0;
             }
             .info {
@@ -117,20 +117,22 @@
                 <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>
-                            <div class="pulse" style="left: {{ X }}%; top: {{ Y }}%;"></div>
-                        </div>
-                      
+
                         <h3 style="border-bottom: 1px solid yellow; color:rgb(83, 83, 83); font-family: 'Helvetica'; font-weight: 50;">{{ name }}</h3>
                         <p style="color:rgb(83, 83, 83); font-family: 'Helvetica'; font-weight: 50;">{{ loc }} <br>< {{ ip }} <br> {{ org }} <br> {{ time }}</p>
-
                         <a href="." style="margin-top: 3%; display: inline-block;">
                             <button class="hoverButton" style="border: 1px solid yellow; background-color: transparent; color: rgb(83, 83, 83); padding: 10px;">
                             another
                             </button>
                         </a>
+                      
+                        <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>
+                            <div class="pulse" style="left: {{ X }}%; top: {{ Y }}%;"></div>
+                        </div>
+                      
+
                     </div>
                 </div>
     </div>