Merge pull request kevquirk#38 from benaltair/patch-1

Move padding to `summary` for larger tap target
larstuff · Jun 14, 2021 · 79ee233 · 79ee233
2 parents efd88ac + c26d173
commit 79ee233
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/simple.css b/simple.css
@@ -237,7 +237,6 @@ input[type="radio"]:enabled:hover{
 
 /* Format the expanding box */
 details {
-  padding: .6rem 1rem;
   background: var(--accent-bg);
   border: 1px solid var(--border);
   border-radius: 5px;
@@ -247,14 +246,16 @@ details {
 summary {
   cursor: pointer;
   font-weight: bold;
+  padding: .6rem 1rem;
 }
 
 details[open] {
-  padding-bottom: .75rem;
+  padding: .6rem 1rem .75rem 1rem;
 }
 
 details[open] summary {
   margin-bottom: .5rem;
+  padding: 0;
 }
 
 details[open]>*:last-child {