From 8c76980725c6306fce5794cb54e37672bae17637 Mon Sep 17 00:00:00 2001
From: Henrique Dias <hacdias@gmail.com>
Date: Mon, 2 Jan 2017 19:55:21 +0000
Subject: [PATCH] fix #65

---
 _embed/public/css/styles.css | 16 ++++++++++++++--
 _embed/templates/single.tmpl |  4 ++--
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/_embed/public/css/styles.css b/_embed/public/css/styles.css
index 150ee9b2..94bc031e 100644
--- a/_embed/public/css/styles.css
+++ b/_embed/public/css/styles.css
@@ -23,6 +23,11 @@ img {
     max-width: 100%;
 }
 
+audio,
+video {
+    width: 100%;
+}
+
 pre {
     padding: 1em;
     border: 1px solid #e6e6e6;
@@ -721,12 +726,19 @@ header .actions {
     vertical-align: bottom;
 }
 
-#listing .message {
+.message {
     text-align: center;
     font-size: 3em;
-    margin: 1em 0;
+    margin: 1em auto;
     display: block !important;
     width: 95%;
+    color: rgba(0, 0, 0, 0.2);
+    font-weight: 500;
+}
+
+.message i {
+    font-size: inherit;
+    vertical-align: middle;
 }
 
 
diff --git a/_embed/templates/single.tmpl b/_embed/templates/single.tmpl
index b22bb7a5..46ac9292 100644
--- a/_embed/templates/single.tmpl
+++ b/_embed/templates/single.tmpl
@@ -2,7 +2,7 @@
 {{ with .Data}}
  <main class="container">
   {{ if eq .Type "image" }}
-   <img src="{{ .URL }}?raw=true">
+   <center><img src="{{ .URL }}?raw=true"></center>
    {{ else if eq .Type "audio" }}
    <audio src="{{ .URL }}?raw=true" controls></audio>
    {{ else if eq .Type "video" }}
@@ -12,7 +12,7 @@
       and watch it with your favorite video player!
     </video>
    {{ else if eq .Type "blob" }}
-   <a href="?download=true">Download</a>
+   <a href="?download=true"><h2 class="message">Download <i class="material-icons">file_download</i></h2></a>
    {{ else}}
    <pre>{{ .StringifyContent }}</pre>
   {{ end }}