feat: proper random actions

index.html

@@ -72,7 +72,11 @@
 			<p>$DESCRIPTION</p>
 		</div>
 		<a class="screenshot" href="$URL" target="_blank"><img src="$URL"></a>
-		<p class="randomAllVer"> <a onclick="searchBundle($IDX, '&random=$IDX')">show all versions</a></p>
+		<div class="randomAction">
+			Actions:
+			<button onclick="searchBundle($IDX, '&random=$IDX')">Show all versions</button>
+			<button onclick="randomIPA()">Next Random</button>
+		</div>
 	</div>
 
 	<div id="overlay" hidden>

script.js

@@ -191,7 +191,7 @@ function randomIPA(specificId) {
     const output = document.getElementById('content');
     output.innerHTML = entriesToStr('.full', [idx]);
     output.firstElementChild.className += ' single';
-    output.firstElementChild.innerHTML += renderTemplate(getTemplate('.randomAllVer'), { $IDX: idx });
+    output.innerHTML += renderTemplate(getTemplate('.randomAction'), { $IDX: idx });
 
     return;
     // Append iTunes info to result

style.css

@@ -75,6 +75,13 @@ h4 {
   display: block;
   width: initial;
 }
+.randomAction {
+  margin: 8px 20px;
+  float: right;
+}
+.randomAction button {
+  margin-left: 8px;
+}
 .itunes {
   max-width: 600px;
   margin: 40px auto;