diff --git a/css/index.css b/css/index.css index 2cd959a..015b47e 100644 --- a/css/index.css +++ b/css/index.css @@ -1,4 +1,4 @@ -@media (hover: none){ +@media (max-width: 1000px){ /* For mobile phones: */ .floating-action-btn{ width: auto; @@ -10,9 +10,13 @@ color: black; background-color: rgba(224, 54, 54, 0.482); border-bottom: 3px solid rgba(224, 54, 54, 0.482); - + position: fixed; + bottom: 2vh; margin-top: 50vh; - + right: 1vw; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 9px; } .card{ @@ -24,7 +28,6 @@ /* For desktop: */ .floating-action-btn{ position: fixed; - bottom: 5%; margin-left:1%; padding: 10px; padding-top: 0px; @@ -36,7 +39,11 @@ text-decoration: none; color: black; border-bottom: 3px solid rgba(224, 54, 54, 0.482); - + right: 1vw; + padding-left: 10px; + padding-right: 10px; + padding-bottom: 9px; + bottom:2vh; } .card { diff --git a/index.php b/index.php index b7a5823..ce819bc 100644 --- a/index.php +++ b/index.php @@ -73,8 +73,8 @@ - -
+ +
============================================ | _ | | _| |_ |