From 5da71070cfacf92212cd204c67c4c20015cc643d Mon Sep 17 00:00:00 2001
From: Marcia Ramos <virtua.creative@gmail.com>
Date: Wed, 4 Apr 2018 15:01:26 +0000
Subject: Code block, copy button: fix scroll-x

---
 content/assets/stylesheets/highlight.scss  | 8 ++++----
 content/assets/stylesheets/stylesheet.scss | 9 ++++-----
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/content/assets/stylesheets/highlight.scss b/content/assets/stylesheets/highlight.scss
index ad7deb9a..dd15866f 100644
--- a/content/assets/stylesheets/highlight.scss
+++ b/content/assets/stylesheets/highlight.scss
@@ -4,7 +4,7 @@ version: 6
 /* https://github.com/idleberg/base16-pygments/blob/master/css/base16-ocean.dark.css */
 
 pre.highlight {
-  padding: 10px 15px;
+  padding: 0;
   border: 1px solid rgba(0, 0, 0, 0.15);
   box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
   border-radius: 3px;
@@ -15,11 +15,11 @@ pre.highlight {
 
   // Code itself
   code {
+    padding: 13px 33px 13px 15px; // 33px: the width of the .clip-btn
     display: block;
-    border-color: transparent;
     color: inherit;
-    background-color: transparent;
-    overflow-x: scroll;
+    overflow-x: auto;
+    background: transparent;
   }
 
   .hll { background-color: #4f5b66 }
diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss
index 395c180f..7ad029b8 100644
--- a/content/assets/stylesheets/stylesheet.scss
+++ b/content/assets/stylesheets/stylesheet.scss
@@ -93,10 +93,11 @@ pre {
 
   .clip-btn {
     display: inline-block;
-    padding: 5px;
+    padding: 10px;
     padding-left: 10px;
-    right: 5px;
-    top: 5px;
+    padding-top: 13px;
+    right: 0;
+    top: 0;
     cursor: pointer;
     position: absolute;
     color: $white;
@@ -116,8 +117,6 @@ pre {
 
   &:hover {
     .clip-btn {
-      background-color: $pre-code-color;
-
       i {
         opacity: 1;
       }
-- 
cgit v1.2.3