Remove horizontal margin for programs on mobile

1 files changed, 4 insertions, 5 deletions

diff --git a/stylesheets/programmes.css b/stylesheets/programmes.css
index 2da1e2c..c0abe6a 100644
--- 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;