From 26510d53bce1e666504835018bcf4e1d42d7ecc6 Mon Sep 17 00:00:00 2001
From: tdurieux <durieuxthomas@hotmail.com>
Date: Tue, 6 Feb 2018 16:44:30 +0100
Subject: [PATCH] add icon before the files

---
 static/css/style.css | 17 ++++++++++++++++-
 templates/repo.html  |  1 +
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/static/css/style.css b/static/css/style.css
index 56854bc..70d54c8 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -16,10 +16,11 @@
 
 .files a {
     display: block;
-    padding: 9px;
+    padding: 9px 9px 9px 30px;
 }
 
 .files .blob, .files .tree, .files .parent_folder {
+    position: relative;
     border-bottom: 1px solid #dddddd;
 }
 
@@ -27,6 +28,20 @@
     background: #f0f0f0;
 }
 
+.files .tree::before, .files .blob::before {
+    content: "\f07b";
+    font-family: Font Awesome\ 5 Free;
+    position: absolute;
+    left: 0px;
+    width: 7px;
+    padding: 9px;
+    color: #007bff;
+}
+
+.files .blob::before {
+    content: "\f15b";
+}
+
 .paths {
     margin: 15px;
     border: 1px solid #dddddd;
diff --git a/templates/repo.html b/templates/repo.html
index a9d8f6e..53cf5f3 100644
--- a/templates/repo.html
+++ b/templates/repo.html
@@ -11,6 +11,7 @@
         <link href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/2.8.0/github-markdown.min.css" rel="stylesheet" type="text/css" />
 
         <link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/github.min.css" rel="stylesheet" type="text/css" />
+        <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
 
         <link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet" type="text/css" />
     </head>