🎨 View on Github link not showing on mobile

Cussa · Cussa · commit 8921a5ae1bba · 2025-12-28T22:48:20.000-03:00
diff --git a/by-type.html b/by-type.html
@@ -116,11 +116,11 @@ <h1>🔍 GitHub Issues Tracker</h1>
         </div>
     </div>
 
-    <footer style="text-align: center; padding: 20px; margin-top: 40px; border-top: 1px solid #30363d; color: #8b949e; font-size: 14px;">
-        <div style="margin-bottom: 10px;">
-            Developed by <a href="https://hodpub.com" target="_blank" rel="noopener noreferrer" style="color: #58a6ff; text-decoration: none;">Hod Publishing</a> | <a href="https://github.com/cussa" target="_blank" rel="noopener noreferrer" style="color: #58a6ff; text-decoration: none;">Cussa Mitre</a>
+    <footer>
+        <div class="footer-credits">
+            Developed by <a href="https://hodpub.com" target="_blank" rel="noopener noreferrer">Hod Publishing</a> | <a href="https://github.com/cussa" target="_blank" rel="noopener noreferrer">Cussa Mitre</a>
         </div>
-        <a href="https://github.com/hodpub/github-issues-tracker" target="_blank" rel="noopener noreferrer" style="color: #58a6ff; text-decoration: none;">
+        <a href="https://github.com/hodpub/github-issues-tracker" target="_blank" rel="noopener noreferrer">
             View on GitHub
         </a>
     </footer>
diff --git a/index.html b/index.html
@@ -116,11 +116,11 @@ <h1>🔍 GitHub Issues Tracker</h1>
         </div>
     </div>
 
-    <footer style="text-align: center; padding: 20px; margin-top: 40px; border-top: 1px solid #30363d; color: #8b949e; font-size: 14px;">
-        <div style="margin-bottom: 10px;">
-            Developed by <a href="https://hodpub.com" target="_blank" rel="noopener noreferrer" style="color: #58a6ff; text-decoration: none;">Hod Publishing</a> | <a href="https://github.com/cussa" target="_blank" rel="noopener noreferrer" style="color: #58a6ff; text-decoration: none;">Cussa Mitre</a>
+    <footer>
+        <div class="footer-credits">
+            Developed by <a href="https://hodpub.com" target="_blank" rel="noopener noreferrer">Hod Publishing</a> | <a href="https://github.com/cussa" target="_blank" rel="noopener noreferrer">Cussa Mitre</a>
         </div>
-        <a href="https://github.com/hodpub/github-issues-tracker" target="_blank" rel="noopener noreferrer" style="color: #58a6ff; text-decoration: none;">
+        <a href="https://github.com/hodpub/github-issues-tracker" target="_blank" rel="noopener noreferrer">
             View on GitHub
         </a>
     </footer>
diff --git a/styles.css b/styles.css
@@ -40,6 +40,28 @@ h1 {
     }
 }
 
+footer {
+    text-align: center;
+    padding: 20px;
+    margin-top: 40px;
+    border-top: 1px solid #30363d;
+    color: #8b949e;
+    font-size: 14px;
+}
+
+footer .footer-credits {
+    margin-bottom: 10px;
+}
+
+footer a {
+    color: #58a6ff;
+    text-decoration: none;
+}
+
+footer a:hover {
+    text-decoration: underline;
+}
+
 .view-switcher {
     display: flex;
     gap: 10px;
