Fixes to the new fold

maddie480 · web-flow · commit 7bce47f18ad3 · 2024-11-06T14:55:22.000+01:00
... I might be testing in production. Maybe.
diff --git a/index.html b/index.html
@@ -142,15 +142,15 @@ <h3 id="olympus">Olympus - Cross-platform Everest Installer</h3>
                                 <ul id="mac-instructions-fold">
                                     <li>
                                         Running Olympus will probably result in this error showing up. Close it by clicking "Done".
-                                        <img src="/images/olympus-run-macos-1.png" class="halfwidth">
+                                        <div><img src="/images/olympus-run-macos-1.png" class="halfwidth"></div>
                                     </li>
                                     <li>
                                         Then, open the Settings app, select "Privacy & Security" and scroll down until you see a notice about Olympus. Open it anyway!
-                                        <img src="/images/olympus-run-macos-2.png">
+                                        <div><img src="/images/olympus-run-macos-2.png"></div>
                                     </li>
                                     <li>
                                         Go through this final warning by clicking "Open Anyway" again. You might need to type your password to finish the process.
-                                        <img src="/images/olympus-run-macos-3.png" class="halfwidth">
+                                        <div><img src="/images/olympus-run-macos-3.png" class="halfwidth"></div>
                                     </li>
                                 </ul>
                             </li>
diff --git a/index.js b/index.js
@@ -86,12 +86,12 @@
             // unfold
             icon.innerText = "-";
             fold.style.display = "block";
-            folded = true;
+            folded = false;
         } else {
             // fold
             icon.innerText = "+";
             fold.style.display = "none";
-            folded = false;
+            folded = true;
         }
     };
 
diff --git a/main/style.css b/main/style.css
@@ -289,10 +289,11 @@ a.button:hover, a.button:focus, a.button:active {
     max-width: calc(100vw - 64px);
 }
 
+#mac-instructions-fold div {
+    text-align: center;
+}
 #mac-instructions-fold img {
-    display: block;
     max-width: 100%;
-    text-align: center;
 }
 #mac-instructions-fold img.halfwidth {
     max-width: 50%;

Original file line number	Diff line number	Diff line change
`@@ -289,10 +289,11 @@ a.button:hover, a.button:focus, a.button:active {`
`289`	`289`	`max-width: calc(100vw - 64px);`
`290`	`290`	`}`
`291`	`291`
	`292`	`+#mac-instructions-fold div {`
	`293`	`+ text-align: center;`
	`294`	`+}`
`292`	`295`	`#mac-instructions-fold img {`
`293`		`- display: block;`
`294`	`296`	`max-width: 100%;`
`295`		`- text-align: center;`
`296`	`297`	`}`
`297`	`298`	`#mac-instructions-fold img.halfwidth {`
`298`	`299`	`max-width: 50%;`