Miss alignment in Appointment Page in Small Screen(bug)

.github/workflows/auto-label-pr.yml

@@ -1,26 +1,38 @@
-name: Auto Label PRs
+name: Auto Label and Issue Check
 
 on:
   pull_request:
-    types: [opened, edited]
+    types: [opened, edited, synchronize]
 
 jobs:
-  label_pr:
+  auto-label-and-check:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/labeler@v4
-        with:
-          repo-token: ${{ secrets.GITHUB_TOKEN }}
-          configuration-path: .github/labeler.yml
-
-      - name: Add GSSOC label
+      - name: Add GSSoC Label and Check Issue
         uses: actions/github-script@v6
         with:
           github-token: ${{secrets.GITHUB_TOKEN}}
           script: |
-            github.rest.issues.addLabels({
-              issue_number: context.issue.number,
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              labels: ['gssoc']
-            })
+            const { owner, repo } = context.repo;
+            const pr = context.payload.pull_request;
+            
+            try {
+              await github.rest.issues.addLabels({
+                issue_number: pr.number,
+                owner: owner,
+                repo: repo,
+                labels: ['gssoc']
+              });
+              console.log('Added gssoc label');
+            } catch (error) {
+              console.error('Error adding gssoc label:', error);
+            }
+            
+            const body = pr.body || '';
+            const issueMatch = body.match(/(?:close|closes|closed|fix|fixes|fixed|resolve|resolves|resolved)\s*:?\s*#(\d+)/i);
+            
+            if (!issueMatch) {
+              core.setFailed('No related issue mentioned in the PR description. Please use the PR template and mention the related issue.');
+            } else {
+              console.log('Related issue found:', issueMatch[1]);
+            }

Html-Files/appointment.html

@@ -792,7 +792,6 @@
   border: 1px solid #5a7f5a;
   border-radius: 5px;
   font-size: 14px;
-  width: 100%;
   box-sizing: border-box;
   background-color: #005253;
   color: #e0f7e4;
@@ -896,6 +895,19 @@
   #preview-section button {
     font-size: 14px;
   }
+}
+@media screen and (max-width: 767px) {
+  small {
+    font-size: 12px; 
+    padding: 8px 0;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  small {
+    font-size: 10px; 
+    padding: 6px 0;
+  }
 }
     </style>
     <link rel="stylesheet" href="chatbox.css" />
@@ -938,7 +950,7 @@
       };
     </script>
     <!-- ############# Header ############# -->
-    <header class="header_container nav-h">
+    <header class="header_container nav-h" style="padding-right: 160px;">
       <div class="img">
         <img
           id="rd-logo"
@@ -977,15 +989,6 @@
           <li>
             <a href="rateus.html"><i class="bi bi-star"></i>Rate Us</a>
           </li>
-
-          <li>
-            <a href="login.html"
-              ><i class="bi bi-box-arrow-right"></i> Sign in/Sign up</a
-            >
-          </li>
-          <a href="./Html-Files/Doctor Experience.html"
-            ><button>Find a Doctor</button></a
-          >
         </ul>
         <div class="hamburger">
           <div class="line"></div>
@@ -1162,13 +1165,9 @@ <h4>RAPIDOC Newsletter</h4>
               <a href="https://www.facebook.com/" target="_blank"
                 ><div><i class="fa-brands fa-facebook-f"></i></div
               ></a>
-              <!-- <a href="https://www.twitter.com" target="_blank"><div><i class="fa-brands fa-twitter"></i></div></a> -->
               <a href="https://www.twitter.com"
-                ><div>
-                  <img
-                    src="twitter.png"
-                    style="width: 16px; height: 15px"
-                  /></div
+                ><div><i class="fa-brands fa-twitter"></i>
+                  </div
               ></a>
               <a href="https://www.linkedin.com" target="_blank"
                 ><div><i class="fa-brands fa-linkedin"></i></div