Fix `code` tag & footer style

layouts/partials/footer.html

@@ -1,4 +1,4 @@
-	<footer id="site-footer">
+	<footer id="site-footer" class="section-inner thin">
 		<div id="copyright">
 			<p>&copy; 2018 <a href="https://www.xxxlbox.com">{{ .Site.Author.name }}</a> &#183; <a href="https://creativecommons.org/licenses/by-nc/4.0/deed.zh" target="_blank">CC BY-NC 4.0</a></p>
 			<p>Made with <a href="https://gohugo.io/" target="_blank">Hugo</a> &#183; <a href="http://www.miitbeian.gov.cn" target="_blank">鄂ICP备16022650号-1</a> &#183; <a href="https://www.xxxlbox.com/posts/index.xml" target="_blank" title="rss"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg></a></p>

static/scss/style.scss

@@ -43,17 +43,19 @@ pre {
   // -webkit-overflow-scrolling: touch;
 
   code {
+    display: inline-block;
     background: $midnightblue;
   }
 }
 
 code {
+  display: inline;
   color: #eee;
   background: $highlight-grey;
   border-radius: 3px;
   padding: 0 2px;
   margin: auto 4px;
-  display: inline-block;
+  word-break: break-all;
 }
 
 a {
@@ -409,6 +411,12 @@ figure.right {
   .vat {
     color: $theme;
   }
+
+  .vcontent code {
+    margin: auto 4px;
+    color: #eee;
+    background: $highlight-grey;
+  }
 }
 
 @media (min-width: 860px) {