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/2] 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/2] 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