boredbutton3

commit 895d8ae26c6e182bed6025dfd69475d8df85c2be
parent ed9a5387ef8e8f5480c2f2817dda0490c984fc6d
Author: William Lindholm <william_lindholm@outlook.com>
Date:   Tue, 21 Dec 2021 16:25:40 +0100

Changed contact button some more.

Diffstat:
M
index.php
 | 
13
+++++++++----
M
style.css
 | 
13
++++++++++++-

2 files changed, 21 insertions(+), 5 deletions(-)
diff --git a/index.php b/index.php
@@ -39,12 +39,17 @@
 
   </body>
   
-  <footer>© 2022 BoredButton3 | All rights reserved | 
-    <div class="popup" onclick="contact()">Contact
-      <span class="popuptext" id="pop">If you have any information that can help or opinions to improve the website
+  <footer>
+    
+    © 2022 BoredButton3 | All rights reserved | 
+    <div class="popup" onclick="contact()">
+      <u>Contact </u>
+      <span class="popuptext" id="pop">
+        If you have any information that can help or opinions to improve the website
         or have questions, contact us at our email address: boredbutton3(at)gmail(dot)com
       </span>
-    </div> | By William &#8743 Francisco
+    </div> 
+    | By William &#8743 Francisco
     
   </footer>
 
diff --git a/style.css b/style.css
@@ -214,6 +214,7 @@ footer{
   user-select: none;
   opacity: 0.9;
   cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
 }
 
 .popup .popuptext {
@@ -274,10 +275,14 @@ footer{
       max-width: 90%;
       max-height: 20vh;
     }
+}
+
+@media only screen 
+  and (max-width: 800px) { 
     .popup .popuptext {
       width: 90vw;
       background-color: #3F617C;
-      opacity: 0.9;
+      opacity: 1;
       color: #fff;
       text-align: center;
       border-radius: 6px;
@@ -292,4 +297,10 @@ footer{
       justify-content: center;
       padding: 8px 0;
     }
+    .popuptext {
+      margin-bottom: 5%;
+    }
+    .popuptext::after {
+      visibility: hidden;
+    }
 }
 \ No newline at end of file