update

layout/_partial/article.ejs

@@ -33,7 +33,7 @@
                 <% if(post.prev){ %>
                     <section class="prev" >
                         <span class="art-item-left">
-                            <i class="fa fa-chevron-left fa-fw" aria-hidden="true"></i>&nbsp;上一篇
+                            <h6><i class="fa fa-chevron-left" aria-hidden="true"></i>&nbsp;上一篇</h6>
                             <h4>
                                 <a href="<%=url_for(post.prev.path)%>" rel="prev" title="<%=post.prev.title%>">
                                     <%= post.prev.title %>
@@ -52,7 +52,7 @@
                 <% if(post.next){ %>
                     <section class="next">
                         <span class="art-item-right" aria-hidden="true">
-                            下一篇&nbsp;<i class="fa fa-chevron-right fa-fw" aria-hidden="true"></i>
+                            <h6>下一篇&nbsp;<i class="fa fa-chevron-right" aria-hidden="true"></i></h6>
                             <h4>
                                 <a href="<%=url_for(post.next.path)%>" rel="prev" title="<%=post.next.title%>">
                                     <%= post.next.title %>

source/less/_article.less

@@ -289,6 +289,7 @@
     .prev-next{
         display: flex;
         justify-content: space-between;
+        align-content: flex-start;
         section{
             width: 100%;
             padding: @gap/2;
@@ -307,7 +308,9 @@
                 font-family: @base-font-family;
                 font-weight: bold;
                 font-size: @font-size-h4;
-                
+            }
+            h6{
+                margin: 0;
             }
             .enable-trans();
             border: 1px solid transparent;
@@ -315,23 +318,25 @@
                 border: 1px solid fade(@theme-bg-quote, 40%);
             }
             .tags{
-
                 background: transparent;
                 padding: 0;
                     margin-top: @gap/2;
                     margin-bottom: 0;
             }
+            &:first-child{
+                margin-left: 0;
+                margin-right: 0;
+            }
         }
         .prev{
-            align-self: flex-start;
             text-align: left;
             margin-right: @gap/2;
         }
         .next{
-            align-self: flex-end;
             text-align: right;
             margin-left: @gap/2;
         }
+
     }
 }
 /* Tomorrow Night Eighties Theme */

source/less/_header.less

@@ -148,7 +148,10 @@
 		width: @search-height;
 		line-height: @search-height;
 		top: 0;
-		left: @gap/2;
+		left: @gap;
+        @media(max-width: @on-phone){
+            left: @gap/2;
+        }
 	}
 	.input {
 		display:block;
@@ -157,7 +160,10 @@
 		margin: 0;
 		width: 100%;
 		color: fade(@theme-text-in-header, 60%);
-		padding: 5px 10px 5px 38px;
+		padding: 5px 10px 5px 48px;
+        @media(max-width: @on-phone){
+            padding: 5px 10px 5px 38px;
+        }
 		height: @search-height;
 		line-height: @search-height/2;
 		font-family: @base-font-family;

source/less/_widget.less

@@ -27,7 +27,7 @@
         color: @theme-text-in-header;
         font-size: @base-font-size;
         line-height: 1.8em;
-        padding: 8px @gap/2;
+        padding: 8px @gap;
       	// letter-spacing: .08em;
 
     }
@@ -39,7 +39,7 @@
     }
 
      ul.entry > li > a{
-        padding: 0 @gap/2;
+        padding: 0 @gap;
         line-height:@item-height;
         height: @item-height;
         font-size: @base-font-size;
@@ -78,6 +78,7 @@
         margin: 0;
         display: flex;
         justify-content: center;
+        background-color: transparent;
         @media(max-width: @on-phone){
             padding: @gap/2;
         }
@@ -89,6 +90,7 @@
             width: 80px;
             height: 80px;
             border-radius: 100%;
+            margin-top: @gap/2;
         }
         border-top-left-radius: 8px;
         border-top-right-radius: 8px;
@@ -161,7 +163,7 @@
 .m_widget.tagcloud{
     .content{
         text-align: justify;
-        // padding: @gap/2 @gap;
+        padding: @gap/2 @gap;
         a{
             display:inline-block;
             .enable-trans(.1s);
@@ -180,7 +182,7 @@
 }
 .m_widget.music{
     .content{
-        padding: @gap/2 2px;
+        padding: @gap/2;
     }
 }
 .m_widget.links{