From 854716c901ce62727e4100a8118fb42bd3b55445 Mon Sep 17 00:00:00 2001
From: relikd <info@relikd.de>
Date: Thu, 29 Feb 2024 02:55:01 +0100
Subject: [PATCH] feat: proper random actions

---
 index.html | 6 +++++-
 script.js  | 2 +-
 style.css  | 7 +++++++
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index fdd01539..7adf0c99 100644
--- a/index.html
+++ b/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>
diff --git a/script.js b/script.js
index 3f37cfce..de6b981d 100644
--- a/script.js
+++ b/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
diff --git a/style.css b/style.css
index d17d7983..d9fb4bc7 100644
--- a/style.css
+++ b/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;