From d11b2d7a64419ce4054aa1037bbd175802e9b67f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Elo=C3=AFse=20Piret?= <Eloise.Piret@ugent.be>
Date: Wed, 8 Feb 2017 12:25:11 +0100
Subject: [PATCH] number on top of picture

---
 content/assets/stylesheets/includes/tiles.scss | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/content/assets/stylesheets/includes/tiles.scss b/content/assets/stylesheets/includes/tiles.scss
index 1371b19..c594dbe 100644
--- a/content/assets/stylesheets/includes/tiles.scss
+++ b/content/assets/stylesheets/includes/tiles.scss
@@ -42,10 +42,20 @@ a.box {
 #gamification-coders {
   display: flex;
   justify-content: center;
+  img{
+    height:40px;
+    width:40px !important;
+    border-radius:5px;
+    top: 0;
+    left: 0;
+    position: absolute;
+    z-index:1;
+  }
   ol{
     list-style-type: decimal-leading-zero;
     counter-reset:li;
     > li{
+      position: relative;
       float:left;
       padding:5px;
       margin:20px;
@@ -53,6 +63,10 @@ a.box {
       margin-top:3px;
       display:inline;
       &:before{
+        top: 0;
+        left: 0;
+        position: absolute;
+        z-index:2;
         content:counter(li); /* Use the counter as content */
         counter-increment:li;
         color:gray;//$tile-orange;