From 71c578aea42ef38fb21d0183ecce866eb95870f8 Mon Sep 17 00:00:00 2001
From: Arthur <aboivert.sa@gmail.com>
Date: Sun, 19 May 2019 16:00:28 +0200
Subject: [PATCH] Adding design of team's button on Stat's page

---
 assets/css/style.css      | 70 +++++++++++++++++++++++++++++++++++++++
 assets/js/statsDisplay.js |  2 +-
 stats.php                 |  5 ++-
 3 files changed, 75 insertions(+), 2 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index e40ceba..15d9670 100755
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -455,6 +455,76 @@ Full-Width Styles
     font-size: 12px;
     color: #535353;
 }
+.team-button{
+
+    border-radius: 10px 10px 0 0;
+    font-size: 20px;
+    cursor: pointer;
+}
+.team-button#buttonGli{
+    color: #2ce20b;
+background-color: #1a5dad;
+border-color: #1a5dad;
+-webkit-transition: 0.3s;
+-moz-transition: 0.3s;
+-ms-transition: 0.3s;
+-o-transition: 0.3s;
+transition: 0.3s;
+}
+.team-button#buttonGli:hover {
+    color: #ff1200;
+    background-color: #1f6fce;
+    border-color: #1f6fce;
+    box-shadow: 0 0 10px #1f6fce;
+}
+.team-button#buttonBoo{
+    color: #2ce20b;
+    background-color: #1a5dad;
+    border-color: #1a5dad;
+    -webkit-transition: 0.3s;
+    -moz-transition: 0.3s;
+    -ms-transition: 0.3s;
+    -o-transition: 0.3s;
+    transition: 0.3s;
+}
+.team-button#buttonBoo:hover {
+    color: #ff1200;
+    background-color: #1f6fce;
+    border-color: #1f6fce;
+    box-shadow: 0 0 10px #1f6fce;
+}
+.team-button#buttonPek{
+    color: #2ce20b;
+    background-color: #1a5dad;
+    border-color: #1a5dad;
+    -webkit-transition: 0.3s;
+    -moz-transition: 0.3s;
+    -ms-transition: 0.3s;
+    -o-transition: 0.3s;
+    transition: 0.3s;
+}
+.team-button#buttonPek:hover {
+    color: #ff1200;
+    background-color: #1f6fce;
+    border-color: #1f6fce;
+    box-shadow: 0 0 10px #1f6fce;
+}
+.team-button#buttonVer{
+    color: #2ce20b;
+    background-color: #1a5dad;
+    border-color: #1a5dad;
+    -webkit-transition: 0.3s;
+    -moz-transition: 0.3s;
+    -ms-transition: 0.3s;
+    -o-transition: 0.3s;
+    transition: 0.3s;
+}
+.team-button#buttonVer:hover {
+    color: #ff1200;
+    background-color: #1f6fce;
+    border-color: #1f6fce;
+    box-shadow: 0 0 10px #1f6fce;
+}
 
 /*******************************************************************************
 Small Device Styles
diff --git a/assets/js/statsDisplay.js b/assets/js/statsDisplay.js
index 096c13b..c0a39eb 100644
--- a/assets/js/statsDisplay.js
+++ b/assets/js/statsDisplay.js
@@ -8,7 +8,7 @@ let entryTemplate =
 function showScores(team) {
     console.log(team);
     $.alert({
-        title: 'wesh',
+        title: team,
         theme: 'supervan',
         content: function () {
             let self = this;
diff --git a/stats.php b/stats.php
index 89dfad0..9382ba2 100755
--- a/stats.php
+++ b/stats.php
@@ -33,10 +33,13 @@ function get_stats($team)
         <br><br>
         <strong>Clique sur une équipe pour voir le détail de son score</strong>
     </p>
-
+<br>
     <div class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</div>
+<br>
     <div class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</div>
+<br>
     <div class="team-button" id="buttonBoo" onclick="showScores('boo')">Boomsouffle</div>
+<br>
     <div class="team-button" id="buttonVer" onclick="showScores('ver')">Verredaigle</div>
 
     <link rel="stylesheet" type="text/css" media="screen" href="assets/css/stats.css">