From 207a52987abb4fb9481456819ac3e022ef9a1e06 Mon Sep 17 00:00:00 2001
From: olebeck <31539311+olebeck@users.noreply.github.com>
Date: Wed, 21 Sep 2022 16:25:55 +0200
Subject: [PATCH] move playable icon next to title

---
 libary.php | 40 +++++++++++++++++++++-------------------
 style.css  | 10 ++++++++++
 2 files changed, 31 insertions(+), 19 deletions(-)

diff --git a/libary.php b/libary.php
index 05e0f35..f45211d 100755
--- a/libary.php
+++ b/libary.php
@@ -302,29 +302,31 @@ include("header.php");
 					}
 				}
 			}
+
+			$authorUrl = "libary.php?search=".urlencode($author)."&searchby=dev";
+			if($playableSearch === true || $searchUsed === false)
+				$authorUrl .= "&playable=on";
+			if($simulatorSearch === true || $searchUsed === false)
+				$authorUrl .= "&simulator=on";
+			if($unplayableSearch === true || $searchUsed === false)
+				$authorUrl .= "&unplayable=on";
 		?>
 		<a class="psm-game" href="?game=<?php echo $titleid ?>">
 			<img src="/gameinfo/<?php echo $titleid ?>/icon_128x128.png" loading="lazy" width="124" height="124"> 
 			<div class="psm-game-info">
-				<span><?php echo $title ?></span>
-				<?php if(getSdkType($xml) == "PSM Unity") { ?>
-					<img src="/img/unity.png" title="Made With Unity" width="10" height="10">
-				<?php } if($isPlayable) { ?>
-					<img src="/img/playable.png" title="zRIF Known" width="10" height="10">
-				<?php } if($isPlayablePending) { ?>
-					<img src="/img/pending_playable.png" title="zRIF Maybe Known" width="10" height="10" >
-				<?php } if($hasSimulator) { ?>
-					<img src="/img/simulator.png" title="Simulator Files Avalible" width="10" height="10" >
-				<?php }
-
-					$authorUrl = "libary.php?search=".urlencode($author)."&searchby=dev";
-					if($playableSearch === true || $searchUsed === false)
-						$authorUrl .= "&playable=on";
-					if($simulatorSearch === true || $searchUsed === false)
-						$authorUrl .= "&simulator=on";
-					if($unplayableSearch === true || $searchUsed === false)
-						$authorUrl .= "&unplayable=on";
-				?><table>
+				<div class="psm-game-title">
+					<span><?php echo $title ?></span>
+					<?php if(getSdkType($xml) == "PSM Unity") { ?>
+						<img src="/img/unity.png" title="Made With Unity" width="10" height="10">
+					<?php } if($isPlayable) { ?>
+						<img src="/img/playable.png" title="zRIF Known" width="10" height="10">
+					<?php } if($isPlayablePending) { ?>
+						<img src="/img/pending_playable.png" title="zRIF Maybe Known" width="10" height="10" >
+					<?php } if($hasSimulator) { ?>
+						<img src="/img/simulator.png" title="Simulator Files Avalible" width="10" height="10" >
+					<?php } ?>
+				</div>
+				<table>
 					<tbody>
 						<tr>
 							<td>Genre:</td>
diff --git a/style.css b/style.css
index fe1b191..28a3c7c 100755
--- a/style.css
+++ b/style.css
@@ -213,6 +213,16 @@
   .psm-game-info > table {
     display: block;
   }
+
+  .psm-game-title {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .psm-game-title > span {
+    margin-right: 3px;
+  }
   
   .psm-meta {
     backdrop-filter: blur(10px);