From 9aca28b219501c9f1670cc531e6ec8b839cd91e6 Mon Sep 17 00:00:00 2001
From: Dane Everitt <dane@daneeveritt.com>
Date: Wed, 25 Jul 2018 23:21:17 -0700
Subject: [PATCH] I hope this works

---
 .vuepress/theme/styles/code.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/.vuepress/theme/styles/code.css b/.vuepress/theme/styles/code.css
index 4a8cd4bf..49267d09 100644
--- a/.vuepress/theme/styles/code.css
+++ b/.vuepress/theme/styles/code.css
@@ -26,7 +26,7 @@ div[class*="language-"] {
     }
 
     pre, pre[class*="language-"] {
-        @apply .bg-transparent .relative .m-0;
+        @apply .bg-transparent .relative .m-0 .mr-4;
         z-index: 1;
     }
 
@@ -77,31 +77,40 @@ div[class*="language-"] {
 
 @each $lang in js,ts,html,md,vue,css,sass,scss,less,stylus,go,java,c,sh,yaml,conf {
     div[class~="language-#{$lang}"]:before {
+        @apply .mr-8;
         content: '#{$lang}';
     }
 }
 
 div[class~="language-javascript"]:before {
+    @apply .mr-8;
     content: "js";
 }
 div[class~="language-typescript"]:before {
+    @apply .mr-8;
     content: "ts";
 }
 div[class~="language-markup"]:before {
+    @apply .mr-8;
     content: "html";
 }
 div[class~="language-markdown"]:before {
+    @apply .mr-8;
     content: "md";
 }
 div[class~="language-json"]:before {
+    @apply .mr-8;
     content: "json";
 }
 div[class~="language-ruby"]:before {
+    @apply .mr-8;
     content: "rb";
 }
 div[class~="language-python"]:before {
+    @apply .mr-8;
     content: "py";
 }
 div[class~="language-bash"]:before {
+    @apply .mr-8;
     content: "sh";
 }