(presentation) Fixed slide scaling to work properly

1 files changed, 5 insertions, 4 deletions

diff --git a/src/presentation.css b/src/presentation.css
index 4b74030..4dbe7e0 100644
--- a/src/presentation.css
+++ b/src/presentation.css
@@ -6,6 +6,8 @@
     padding: 1em;
     width: 297mm; /* Size of landscape A4 paper */
     font-size: 30px;
+    transform-origin: 0 0;
+    margin-bottom: 1em;
   }
 .absolute-slide {
     border: none !important;
@@ -15,6 +17,7 @@
     right: 0;
     top: 50%;
     transform: translate(-50%, -50%);
+    transform-origin: center center;
     visibility: visible;
   }
   .absolute-slide .clicked-image {
@@ -25,8 +28,6 @@
 
 /* Stylesheet override */
 
-article { max-width: calc(297mm + 2em); }
-
 ul, ol { padding-inline-start: 30px; }
 
 /* Presentation controller */
@@ -127,7 +128,6 @@ absolute-slide {...} */
 @media screen {
   .slide {
       border: 1px solid var(--fg-color);
-      margin-bottom: 1em;
     }
 }
 
@@ -135,7 +135,7 @@ absolute-slide {...} */
   article, body {
       border: none !important;
       margin: 0;
-      max-width: auto;
+      max-width: none;
       padding: 0;
     }
     nav, article > :not(.slide), #pagenav {
@@ -144,6 +144,7 @@ absolute-slide {...} */
     .slide {
         height: 210mm;
         width: 297mm;
+        margin: 0;
       }
 }