Hochschulprojekte/f1vis
0
0
Fork 0
Code Issues Pull Requests Activity

Changed Position of Buttons and Size of RaceInfo

Browse Source
This commit is contained in:
sirsandmann 2017-12-30 14:51:29 +01:00
parent 969dd5a5ef
commit a81522790e
2 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
css/main.css
View File

@ -85,6 +85,13 @@ body {
margin-right: auto;
}
.card-body{
padding-top: 0.75rem;
padding-right: 1.25rem;
padding-bottom: 0.5rem;
padding-left: 1.25rem;
}
#toggle-btn{
text-align: center;
}

18
js/util.js
View File

@ -169,13 +169,17 @@ function renderRaceInfoBox(race) {
//console.log(raceInfo);
var content = "";
content = "<h1 data-toggle=\"tooltip\" data-placement=\"top\" title=\"#"+raceInfo.raceId+"\">"+raceInfo.name+" "+raceInfo.date.getFullYear()+"</h1>";
content += "<h5>"+circuit.name+" ("+circuit.location+", "+circuit.country+")</h5>";
content += "<h6>"+germanDateString(raceInfo.date)+"</h6>"
content += "<div class=\"text-right\">";
content += "<a class=\"btn btn-primary\" target=\"_blank\" href=\""+raceInfo.url+"\" role=\"button\">See Race on Wikipedia</a> ";
content += "<a class=\"btn btn-primary\" target=\"_blank\" href=\""+circuit.url+"\" role=\"button\">See Circuit on Wikipedia</a> ";
content += "<a class=\"btn btn-primary\" target=\"_blank\" href=\"https://www.google.com/maps/?q="+circuit.lat+","+circuit.lng+"\" role=\"button\">See Circuit on GoogleMaps</a>";
content = "<div class=\"row justify-content-center align-self-center\">";
content += "<div class=\"col\">";
content += "<h2 data-toggle=\"tooltip\" data-placement=\"top\" title=\"#"+raceInfo.raceId+"\">"+raceInfo.name+" "+raceInfo.date.getFullYear()+"</h1>";
content += "<h6>"+circuit.name+" ("+circuit.location+", "+circuit.country+")</h5>";
content += "<h7>"+germanDateString(raceInfo.date)+"</h6>";
content += "</div>";
content += "<div class=\"col justify-content-center align-self-center\">"
content += "<a class=\"btn btn-outline-primary\" target=\"_blank\" href=\""+raceInfo.url+"\" role=\"button\">See Race on Wikipedia</a> ";
content += "<a class=\"btn btn-outline-primary\" target=\"_blank\" href=\""+circuit.url+"\" role=\"button\">See Circuit on Wikipedia</a> ";
content += "<a class=\"btn btn-outline-primary\" target=\"_blank\" href=\"https://www.google.com/maps/?q="+circuit.lat+","+circuit.lng+"\" role=\"button\">See Circuit on GoogleMaps</a>";
content += "</div>";
content += "</div>";
return content;
}