quatuorbellefeuille.com

commit 0c81bede2a57ca4d1bb9756057bbeef919e08833
parent 9e4787d484e068139592387a4cf725cbcb0a6afd
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Thu,  4 Mar 2021 00:34:12 +0100

Remove horizontal margin for programs on mobile

Diffstat:
M
stylesheets/programmes.css
 | 
9
++++-----

1 file changed, 4 insertions(+), 5 deletions(-)
diff --git a/stylesheets/programmes.css b/stylesheets/programmes.css
@@ -2,6 +2,10 @@
     main {
         margin: 2em 4em 0 4em;
     }
+    details.program > summary > .name,
+    details.program > summary ~ * {
+        margin-left: 2em;
+    }
 }
 
 details.program:first-child {
@@ -32,7 +36,6 @@ details.program > summary:focus {
 }
 
 details.program > summary > .name {
-    margin-left: 2em;
     font-weight: bold;
     color: #1f4e79;
 }
@@ -59,10 +62,6 @@ details.program[open] > summary > img.button.close {
     right: 0;
 }
 
-details.program > summary ~ * {
-    margin-left: 2em;
-}
-
 details.program > *:nth-child(3) {
     color: var(--gold);
     font-weight: bold;