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 "<div class=\"info\">";
echo "<strong>". $games[$key]["game_name"] ."</strong> (". $games[$key]["game_id"] .")"; echo "<strong>". $games[$key]["game_name"] ."</strong> (". $games[$key]["game_id"] .")";
echo "<br/>"; 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"]) { if ($details != $games[$key]["game_id"]) {
echo $games[$key]["game_id"]; echo $games[$key]["game_id"];
} }
echo "\">". $ps4->playtime($games[$key]["game_total_time"],true) ."</a>"; echo "\">". $ps4->playtime($games[$key]["game_total_time"],true) ."</a></div></div>";
echo "<br/>First Played on : ". $ps4->secondsToDate($games[$key]["game_played_first"]); 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 "<br/>Last Played on : "; echo "<div class=\"gameinfoline\"><div class=\"gameinfohead\">Last Played</div><div class=\"gameinfoseparator\"></div><div class=\"gameinfodetails\">";
if ($games[$key]["game_played_last"] == -1) { if ($games[$key]["game_played_last"] == -1) {
echo "now playing"; echo "now playing";
} else { } else {
echo $ps4->secondsToDate($games[$key]["game_played_last"]); echo $ps4->secondsToDate($games[$key]["game_played_last"]);
} }
echo "</div></div>";
if ($details == $games[$key]["game_id"]) { if ($details == $games[$key]["game_id"]) {
echo "<br/><br/>Soon, we show details."; echo "<br/><br/>Soon, we show details.";

View File

@@ -64,6 +64,29 @@ body{
.padding-bottom-3 { .padding-bottom-3 {
padding-bottom: 3px; padding-bottom: 3px;
} }
.padding-bottom-10 { .padding-bottom-10 {
padding-bottom: 10px; 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;
}