Update templates/index.html

templates/index.html

@@ -82,7 +82,7 @@
             width: 90%;
             height: 90%;
             position: relative;
-            margin-right: 3%;
+            margin-right: 20px;
         }
       h1 {
         margin: 0px;
@@ -148,7 +148,7 @@
 
         @media only screen and (orientation: portrait) {
             h1 {
-              margin-top: 4% !important;
+              margin-top: 20px !important;
             }
             .flex-container {
                 flex-direction: column;
@@ -191,7 +191,7 @@
 
               
                     <div class="info" id="info">
-                      <h1 id="country" style="color:rgb(83, 83, 83); margin-top: 1%; font-family: 'Helvetica'; font-weight: 50; margin-bottom: 3%;"> searching...</h1>        
+                      <h1 id="country" style="color:rgb(83, 83, 83); margin-top: 10px; font-family: 'Helvetica'; font-weight: 50; margin-bottom: 20px;"> searching...</h1>        
                       <a href="{{ ip_link }}" target="_blank"> <h3 style="border-bottom: 2px solid yellow; color:rgb(83, 83, 83); font-family: 'Helvetica'; font-weight: 50;">{{ name }}</h3></a>
 
                       <div style="display: flex; margin-top: 0%; margin-bottom: 0%;">