docs: update the style for search (#558)

eggjs · Mar 14, 2017 · 0d37e42 · 0d37e42
1 parent 24ef44f
commit 0d37e42
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/docs/themes/egg/layout/partial/header.swig b/docs/themes/egg/layout/partial/header.swig
@@ -2,6 +2,11 @@
   <header>
     <a href="{{ index_link() }}" class="nav-logo" alt="egg"><img src="https://zos.alipayobjects.com/rmsportal/VTcUYAaoKqXyHJbLAPyF.svg"></a>
     <ul class="nav-item">
+      <li>
+        <form id="search-form">
+          <input type="text" id="search-query" class="search-query st-default-search-input">
+        </form>
+      </li>
       {{ menu_link() }}
       <!--
       <li class="translations">
@@ -14,11 +19,6 @@
       </li>
       -->
       <li><iframe src="https://ghbtns.com/github-btn.html?user=eggjs&repo=egg&type=star&count=true" frameborder="0" scrolling="0" width="150px" height="20px"></iframe></li>
-      <li>
-        <form id="search-form">
-          <input type="text" id="search-query" class="search-query st-default-search-input">
-        </form>
-      </li>
     </ul>
     <a id="mobileTrigger" href="#" class="mobile-trigger">
       <ul>

diff --git a/docs/themes/egg/source/css/partial/nav.less b/docs/themes/egg/source/css/partial/nav.less
@@ -27,13 +27,13 @@
     }
 
     .search-query {
-      height: 30px;
-      line-height: 30px;
+      height: 32px;
+      line-height: 32px;
       box-sizing: border-box;
-      border: 1px solid #e3e3e3;
+      border: 1px solid #e6e6e6;
       border-radius: 15px;
       outline: none;
-      padding: 0 15px 0 30px;
+      padding: 0 15px 0 32px;
       background: #fff url(../images/search.png) 8px 5px no-repeat;
       background-size: 20px;
     }
@@ -43,7 +43,7 @@
     height: 32px;
     float: left;
     line-height: 32px;
-    padding-left: 60px;
+    padding-left: 10px;
     li {
       display: inline-block;
       margin-left: 40px;