From fcd6cbcd32e2948a48b5fcb020fddb49de75f9f2 Mon Sep 17 00:00:00 2001
From: Vincent Prouillet <vincent@wearewizards.io>
Date: Mon, 5 Mar 2018 18:26:59 +0100
Subject: [PATCH] Add some mobile css for themes

---
 docs/sass/_themes.scss    | 27 +++++++++++++++++++++++++++
 docs/templates/theme.html |  2 +-
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/docs/sass/_themes.scss b/docs/sass/_themes.scss
index 69acfdf2..dc495e67 100644
--- a/docs/sass/_themes.scss
+++ b/docs/sass/_themes.scss
@@ -1,12 +1,21 @@
 
 .themes-container {
   padding: 3rem;
+  width: 80%;
+  margin: 0 auto;
 
   img {
     max-width: 100%;
   }
 }
 
+@media only screen and (max-width: 1000px)  {
+  .themes-container {
+    width: 100%;
+    margin: 0 1rem;
+  }
+}
+
 .themes {
   display: flex;
   flex-wrap: wrap;
@@ -50,3 +59,21 @@
 
   padding: 1rem;
 }
+
+
+@media only screen and (max-width: 1000px)  {
+  .themes .theme {
+    width: 100%;
+  }
+}
+
+@media only screen and (max-width: 1000px)  {
+  .theme-info {
+    flex-direction: column;
+    align-items: center;
+
+    img {
+      margin-bottom: 1rem;
+    }
+  }
+}
diff --git a/docs/templates/theme.html b/docs/templates/theme.html
index 85bf745c..16402145 100644
--- a/docs/templates/theme.html
+++ b/docs/templates/theme.html
@@ -9,7 +9,7 @@
             <p>{{ page.description }}</p>
             <p><b>Author:</b> {{page.extra.author.name}}</p>
             <p><b>License:</b> {{page.extra.license}}</p>
-            <p><b>Homepage:</b> {{page.extra.homepage}}</p>
+            <p><b>Homepage:</b> <a href="{{page.extra.homepage}}">{{page.extra.homepage}}</a></p>
             <p><b>Last updated:</b> {{page.extra.updated }}</p>
         </div>
     </div>