From a81522790eedf3f005e393317fdd539e75ab111e Mon Sep 17 00:00:00 2001
From: sirsandmann <florian@sander-net.de>
Date: Sat, 30 Dec 2017 14:51:29 +0100
Subject: [PATCH] Changed Position of Buttons and Size of RaceInfo

---
 css/main.css |  7 +++++++
 js/util.js   | 18 +++++++++++-------
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/css/main.css b/css/main.css
index dfd1906..13843f1 100644
--- a/css/main.css
+++ b/css/main.css
@@ -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;
 }
diff --git a/js/util.js b/js/util.js
index e7c99cf..73273cf 100644
--- a/js/util.js
+++ b/js/util.js
@@ -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;
 }