enh: Add more padding to link buttons, especially on mobile

TEParsons · Dec 22, 2024 · 348e63e · 348e63e
1 parent 3a19614
commit 348e63e
Showing 1 changed file with 16 additions and 2 deletions.
diff --git a/mkdocs_landing/css/links.css b/mkdocs_landing/css/links.css
@@ -9,7 +9,7 @@ main h1 {
 main h1 > a {
     border: 2px solid var(--crust);
     border-radius: 1rem;
-    padding: 1rem 2rem;
+    padding: 2rem 3rem;
     margin-bottom: 2rem;
     margin-top: 1rem;
     margin-left: -1rem;
@@ -34,4 +34,18 @@ main h1 > a img {
     padding: 0;
     min-width: 2em;
     width: 2em;
-}
+}
+
+
+/*
+    Double the size on various elements when using a touch pointer
+*/
+@media (pointer:coarse) {
+    main h1 > a {
+        border-radius: 2rem;
+        margin-top: 2rem;
+        margin-bottom: 4rem;
+        margin-left: -2rem;
+        padding: 4rem 5rem;
+    }
+}