fix #65

_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;
 }
 
 

_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 }}