Better All Versions Button/Dropdown

layouts/shortcodes/versions.html

@@ -1,3 +1,9 @@
-<div class="versions-border">
-    <a class="versions" href="https://projects.neoforged.net/neoforged/neoforge">All Versions ➤</a>
+<div id="projectlink" class="fileinfo">
+    <details>
+        <summary class="fileinfo__header">For Other Versions</summary>
+        <div class="fileinfo__body">
+            <a href="https://projects.neoforged.net/neoforged/neoforge"><span class="fileinfo__icon"><i class="bi-file-earmark-arrow-down-fill" style="font-size: 2rem;"></i></span>
+            <span class="fileinfo__content"><span>Click here to go to the version list!</span></span></a>
+        </div>
+    </details>
 </div>

themes/mainroad/assets/css/style.css

@@ -1073,21 +1073,6 @@ summary:hover {
 	margin-bottom: 5px;
 }
 
-.versions {
-	padding: 5px 10px;
-}
-
-.versions-border {
-	padding: 10px 20px;
-	text-align: center;
-	width: max-content;
-}
-
-.versions-border:hover > .versions:hover  {
-	text-decoration: none;
-	color: var(--color-download-highlight);
-}
-
 .fileinfo .fileinfo__header {
 	padding: 10px 15px;
 	padding: .625rem .9375rem;

themes/mainroad/layouts/partials/colors.css

@@ -362,19 +362,10 @@ details:hover {
 }
 
 /* Installer */
-.fileinfo, .versions-border {
+.fileinfo {
 	background-color: var(--color-box);
 }
 
-.versions {
-	background-color: var(--color-background);
-}
-
-.versions-border:hover > .versions:hover  {
-	text-decoration: none;
-	color: var(--color-download-highlight);
-}
-
 .fileinfo .fileinfo__body a {
 	background-color: var(--color-download);
 	color: var(--color-text);