From bdad46e48b6df8dd24c145484caaa406b332a742 Mon Sep 17 00:00:00 2001
From: Ishaan Garg <168962484+Ishaang19@users.noreply.github.com>
Date: Wed, 15 Oct 2025 13:56:43 +0530
Subject: [PATCH 1/3] Issue#4 Fixed [Frontend] GitHub icon align-middle in
 index.html

Added style with center alignment in src\template\index.html
---
 src/templates/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/templates/index.html b/src/templates/index.html
index 86a148f..44db182 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -36,7 +36,7 @@
             <li><a href="#!">About</a></li>
             <li><a href="#!">Contact</a></li>
             <center>
-                <a href="https://github.com/vinitshahdeo/PortScanner">
+                <a href="https://github.com/vinitshahdeo/PortScanner" style="display: block; text-align: center;">
                     <i class="fa fa-github" style=" font-size:48px; color:#3b6978">
                     </i>
                 </a>

From 23ec0f35e1a1060385f8a7d6cd7efaa53fac192b Mon Sep 17 00:00:00 2001
From: Ishaan Garg <168962484+Ishaang19@users.noreply.github.com>
Date: Wed, 15 Oct 2025 14:34:40 +0530
Subject: [PATCH 2/3] Issue #1 [Frontend] Adjust the Timer Size

fix #1
---
 src/static/css/index.css | 67 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 67 insertions(+)

diff --git a/src/static/css/index.css b/src/static/css/index.css
index 1fdd337..98145bf 100644
--- a/src/static/css/index.css
+++ b/src/static/css/index.css
@@ -86,4 +86,71 @@ i{
     height:100vh;
     color:black;
     padding:2%;
+}
+/*for tab*/
+@media screen and (min-width: 601px) and (max-width: 992px) {
+    body {
+        flex-direction: column;
+    }
+    #showpage {
+        margin-left: 250px;
+    }
+    #timer {
+        height: auto;
+        margin-left: 250px;
+    }
+    #timer-head {
+        font-size: 24px;
+    }
+    #seconds, #minutes {
+        font-size: 3.5em;
+    }
+    #colon {
+        font-size: 3.5em;
+    }
+    #form {
+        width: 60vw;
+        margin-left: 5vw;
+    }
+    #history {
+        margin-left: 250px;
+    }
+}
+
+/* for mobile*/
+@media screen and (max-width: 600px) {
+    body {
+        flex-direction: column;
+    }
+    #showpage {
+        margin-left: 0;
+        margin-right: 0;
+        padding: 5%;
+        height: auto;
+    }
+    #timer {
+        height: auto;
+        padding: 5%;
+        margin-top: 20px;
+    }
+    #timer-head {
+        font-size: 20px;
+    }
+    #seconds, #minutes {
+        font-size: 2.5em;
+    }
+    #colon {
+        font-size: 2.5em;
+    }
+    #form {
+        width: 90vw;
+        margin-left: 0;
+    }
+    #scan-port-button {
+        margin: 1vw 0 1vw 25vw;
+    }
+    #history {
+        height: auto;
+        padding: 5%;
+    }
 }
\ No newline at end of file

From 400e095e76b4aebe49255e488af081da5d37c815 Mon Sep 17 00:00:00 2001
From: Ishaan Garg <168962484+Ishaang19@users.noreply.github.com>
Date: Wed, 15 Oct 2025 14:52:51 +0530
Subject: [PATCH 3/3] Update index.html

---
 src/templates/index.html | 25 +++++++++++--------------
 1 file changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/templates/index.html b/src/templates/index.html
index 44db182..cf409de 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -102,6 +102,17 @@ <h5>Scanning remote host {{ host }} between range {{ range_low }} to {{ range_hi
                 <h5>Scanning completed in {{ total }} time.</h5>
             </div>
         </div>
+            <div id="timer">
+            <span id="timer-head">Timer</span>
+            <div id="line2"></div>
+            <span id="timer-text">Time taken to fetch results</span>
+
+            <div id="time-taken">
+                <label id="minutes">00</label>
+                <label id="colon">:</label>
+                <label id="seconds">00</label>
+            </div>
+        </div>
     </div>
     <div id="history">
         <span id="timer-head">History</span>
@@ -109,20 +120,6 @@ <h5>Scanning completed in {{ total }} time.</h5>
         <span id="timer-text">Last 10 scans</span>
     </div>
 
-
-    <div id="timer">
-        <span id="timer-head">Timer</span>
-        <div id="line2"></div>
-        <span id="timer-text">Time taken to fetch results</span>
-
-        <div id="time-taken">
-            <label id="minutes">00</label>
-            <label id="colon">:</label>
-            <label id="seconds">00</label>
-        </div>
-    </div>
-
-
 </body>
 
 </html>
\ No newline at end of file