From 15170a152a50a123c2f24dbbff9ec0a4165bdbfc Mon Sep 17 00:00:00 2001
From: Sami Mokaddem <mokaddem.sami@gmail.com>
Date: Mon, 6 Nov 2017 16:26:22 +0100
Subject: [PATCH] Added question icon in header

---
 static/css/ranking.css | 19 +++++++++++++++++++
 templates/contrib.html |  1 +
 2 files changed, 20 insertions(+)

diff --git a/static/css/ranking.css b/static/css/ranking.css
index 209bb2f..8a1473c 100644
--- a/static/css/ranking.css
+++ b/static/css/ranking.css
@@ -3,6 +3,25 @@
     height: auto;
 }
 
+.questionBadgeText {
+    left: 15%;
+    position: relative;
+    bottom: 12%;
+}
+
+.questionBadgeDiv {
+    float: right;
+    width: 40px;
+    height: 40px;
+    background-color: #286090;
+    font-size: xx-large;
+    border-radius: 50% 50% 50% 50%;
+    color: white;
+    top: 4px;
+    position: relative;
+    left: 78%;
+}
+
 .infoBlue {
     background-color: #719bc0 !important;
     color: white;
diff --git a/templates/contrib.html b/templates/contrib.html
index ac85920..ae7fdf6 100644
--- a/templates/contrib.html
+++ b/templates/contrib.html
@@ -83,6 +83,7 @@
                         </div>
                         <div id="orgNextRankDiv" class='textTopHeader' style="padding-top: 0px; position: relative; width: 40px; height: 40px;"></div>
                     </button>
+                    <div class="questionBadgeDiv" style="float: right;"><i class="fa fa-question-circle questionBadgeText"></i></div>
                 </div>
             </div>
             <!-- /.navbar-header -->