From 5ea7f05c0b3517eb4cb31003174961079a9042b8 Mon Sep 17 00:00:00 2001
From: isAlive <removeif@163.com>
Date: Wed, 22 Jan 2020 00:00:49 +0800
Subject: [PATCH] fix(base.styl):css (#606)

* fix(base.styl):css

* fix(base.styl):css

* fix(main.js):add is-mobile class
---
 source/css/base.styl | 9 ++++++++-
 source/js/main.js    | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/source/css/base.styl b/source/css/base.styl
index 2f4266a..9fd12c4 100644
--- a/source/css/base.styl
+++ b/source/css/base.styl
@@ -222,7 +222,7 @@ figure.highlight
 
     figcaption
         margin: 0 !important
-        padding: .3em .75em
+        padding: .3em .0em .3em .75em
         font-style: normal
         font-size: .8em
 
@@ -242,6 +242,13 @@ figure.highlight
         .fold
             cursor: pointer
 
+        &.level
+            overflow: auto
+            .level-right
+                a
+                    padding: .0em 0.75em
+
+
     .highlight-body
         overflow: auto
 
diff --git a/source/js/main.js b/source/js/main.js
index 8f219be..96f7145 100644
--- a/source/js/main.js
+++ b/source/js/main.js
@@ -68,7 +68,7 @@
 
         $('figure.highlight').each(function() {
             if ($(this).find('figcaption').length) {
-                $(this).find('figcaption').addClass('level');
+                $(this).find('figcaption').addClass('level is-mobile');
                 $(this).find('figcaption').append('<div class="level-left">');
                 $(this).find('figcaption').append('<div class="level-right">');
                 $(this).find('figcaption div.level-left').append($(this).find('figcaption').find('span'));