some CSS to make it look better... I think ?

This commit is contained in:
2018-12-04 20:21:42 -05:00
parent 60b403f791
commit 91316a08c5
2 changed files with 29 additions and 5 deletions

View File

@@ -77,19 +77,20 @@ foreach ($games as $key => $value) {
echo "<div class=\"info\">";
echo "<strong>". $games[$key]["game_name"] ."</strong> (". $games[$key]["game_id"] .")";
echo "<br/>";
echo "Total Time Played : <a href=\"".$rootpage."?orderby=".$orderby."&details=";
echo "<div class=\"gameinfoline\"><div class=\"gameinfohead\">Total Time Played</div><div class=\"gameinfoseparator\"></div><div class=\"gameinfodetails\"><a href=\"".$rootpage."?orderby=".$orderby."&details=";
if ($details != $games[$key]["game_id"]) {
echo $games[$key]["game_id"];
}
echo "\">". $ps4->playtime($games[$key]["game_total_time"],true) ."</a>";
echo "<br/>First Played on : ". $ps4->secondsToDate($games[$key]["game_played_first"]);
echo "<br/>Last Played on : ";
echo "\">". $ps4->playtime($games[$key]["game_total_time"],true) ."</a></div></div>";
echo "<div class=\"gameinfoline\"><div class=\"gameinfohead\">First Played</div><div class=\"gameinfoseparator\"></div><div class=\"gameinfodetails\">". $ps4->secondsToDate($games[$key]["game_played_first"]) ."</div></div>";
echo "<div class=\"gameinfoline\"><div class=\"gameinfohead\">Last Played</div><div class=\"gameinfoseparator\"></div><div class=\"gameinfodetails\">";
if ($games[$key]["game_played_last"] == -1) {
echo "now playing";
} else {
echo $ps4->secondsToDate($games[$key]["game_played_last"]);
}
echo "</div></div>";
if ($details == $games[$key]["game_id"]) {
echo "<br/><br/>Soon, we show details.";

View File

@@ -64,6 +64,29 @@ body{
.padding-bottom-3 {
padding-bottom: 3px;
}
.padding-bottom-10 {
padding-bottom: 10px;
}
}
.gameinfoline {
}
.gameinfohead {
display: inline-block;
width: 150px;
text-align: left;
text-overflow: ellipsis;
}
.gameinfoseparator:before {
content: "";
}
.gameinfoseparator {
display: inline;
}
.gameinfodetails {
padding-left: 3px;
display: inline;
}