Make the 'code' style less intrusive.

- This way, code blocks can be used in text.

dist/public/assets/site.css

@@ -51,14 +51,18 @@ a, a:visited {
 }
 
 code {
-  font-size: 12px;
-  padding: 1em;
   background-color: #ccc;
-  border: 1px solid #aaa;
+  padding: 0 0.3em;
   border-radius: 3px;
   box-shadow: 0 2px 6px hsla(0, 0%, 0%, 0.2);
 }
 
+code.snippet {
+  border: 1px solid #aaa;
+  font-size: 12px;
+  padding: 1em;
+}
+
 li {
   text-align: left;
 }

dist/templates/found.html.hbs

@@ -5,6 +5,6 @@
     </p>
 
     <p>You can get it with GnuPG using the following snippet:</p>
-    <pre><code>gpg {{ gpg_options }}--fetch-keys <a href="https://{{ domain }}/vks/v1/by-fingerprint/{{ fpr }}">https://{{ domain }}/vks/v1/by-fingerprint/{{ fpr }}</a></code></pre>
+    <pre><code class="snippet">gpg {{ gpg_options }}--fetch-keys <a href="https://{{ domain }}/vks/v1/by-fingerprint/{{ fpr }}">https://{{ domain }}/vks/v1/by-fingerprint/{{ fpr }}</a></code></pre>
   </div>
 {{/layout}}

dist/templates/vks_publish.html.hbs

@@ -15,7 +15,7 @@
 
   <div class="row">
     <p>If you're using GnuPG you can use the following snippet to export your public key. This will create a file called mykey.pgp that you can upload here.</p>
-    <pre><code>gpg --export your_address@example.org &gt; mykey.pgp</code></pre>
+    <pre><code class="snippet">gpg --export your_address@example.org &gt; mykey.pgp</code></pre>
   </div>
 
   <div class="row">