From e79a7137822e59aa7bddfdcc7b46587c39b52d36 Mon Sep 17 00:00:00 2001
From: shaoxiang <1026025056@qq.com>
Date: Sat, 12 Oct 2019 15:33:27 +0800
Subject: [PATCH] change product_page some css style

---
 docs/assets/css/main.css | 12 ++++--
 docs/index.html          |  2 +-
 docs/index.md            | 90 +++++++++++++++++++++-------------------
 docs/zh_CN/README.md     | 89 +++++++++++++++++++--------------------
 4 files changed, 102 insertions(+), 91 deletions(-)

diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
index dc8ea680..aca590ca 100644
--- a/docs/assets/css/main.css
+++ b/docs/assets/css/main.css
@@ -285,16 +285,22 @@ div.card-img-overlay:hover {
 .pc-navigation {
     position:fixed;
     top:20%;
-    left:5%;
+    left:4%;
 }
 
+.pc-navigation button {
+    font-weight: bold;
+    height: 53px;
+}
+
+
 .mb-navigation {
     display: none;
 }
 
 .product_page {
-    margin-left:125px;
-    margin-top:55px;
+    margin-left:110px;
+    margin-top:100px;
 }
 
 .search{
diff --git a/docs/index.html b/docs/index.html
index 745d4276..82c84c56 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -273,7 +273,7 @@
         function page_move(divId) {
             var t = $("#" + divId).offset().top;
             $('html, body').animate({
-                scrollTop: (t - 50)
+                scrollTop: (t - 100)
             }, 500);
         }
         page_loading();
diff --git a/docs/index.md b/docs/index.md
index 86fdf9be..df4ab245 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,5 +1,5 @@
 <div class="pc-navigation">
-  <div class="btn-group-vertical" style="width: 160px;">
+  <div class="btn-group-vertical" style="width: 200px;">
     <div class="btn-group">
         <button id="core-btn" type="button" class="btn btn-primary" onclick="select(this)">Core</button>
     </div>
@@ -25,7 +25,7 @@
 
 <hr>
 
-<div class="btn-group-vertical" style="width: 160px;">
+<div class="btn-group-vertical" style="width: 200px;">
   <a class="btn btn btn-primary" href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_table/I2C_Address.pdf" role="button" style="color:white;text-decoration:none" target="view_window">I2C Address Table</a>
   <a class="btn btn btn-primary" href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_table/Product_compared.pdf" role="button" style="color:white;text-decoration:none" target="view_window">Product Comparison</a>
 </div>
@@ -80,7 +80,7 @@
 
 <div id="core">
 
-**M5Core**
+**M5Core/Kit**
 
   <!-- <a class="btn btn btn-primary" href="#en/quick_start/m5core/m5stack_core_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5Core QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
   <a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;margin-top:10px;text-decoration:none" data-toggle="modal" data-target="#Core_I2C">I2C AddressTable</a>&nbsp;&nbsp;&nbsp;&nbsp;
@@ -108,43 +108,6 @@
  </a>
 </div>
 
-**M5Stick**
-
-
-  <!-- <a class="btn btn btn-primary" href="#en/quick_start/m5stick/m5stick_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5Stick QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
-  <a class="btn btn btn-primary" href="#en/quick_start/m5stickc/m5stickc_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5StickC QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
-  <a class="btn btn btn-primary" href="#en/quick_start/m5stickv/m5stickv_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5StickV QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
-  <a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;margin-top:10px;text-decoration:none" data-toggle="modal" data-target="#Stick_Compare">M5Stick comparison »</a> -->
-
-
-
-<div class="item">
-  <a href="/#/en/core/m5stick">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stick_01.png">
-  <p class="item-title">M5Stick</p>
-  </a>
-</div>
-
-<div class="item">
-  <a href="/#/en/core/m5stickc">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stickc_01.png">
-  <p class="item-title">M5StickC</p>
-</a>
-</div>
-
-<div class="item">
-  <a href="/#/en/core/m5stickv">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/m5stickv_01.jpg">
-  <p class="item-title">M5StickV</p>
-  </a>
-</div>
-
-
-
-**M5GO/FACES Kit**
-
-  <!-- <a class="btn btn btn-primary" href="#en/quick_start/m5core/m5stack_core_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5GO QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
-  <a class="btn btn btn-primary" href="#en/quick_start/m5core/m5stack_core_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">FACES-kit QuickStart »</a> -->
 
 <div class="item">
   <a href="/#/en/core/m5go_lite">
@@ -167,6 +130,46 @@
   </a>
 </div>
 
+**M5Stick**
+
+
+  <!-- <a class="btn btn btn-primary" href="#en/quick_start/m5stick/m5stick_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5Stick QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
+  <a class="btn btn btn-primary" href="#en/quick_start/m5stickc/m5stickc_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5StickC QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
+  <a class="btn btn btn-primary" href="#en/quick_start/m5stickv/m5stickv_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5StickV QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
+  <a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;margin-top:10px;text-decoration:none" data-toggle="modal" data-target="#Stick_Compare">M5Stick comparison »</a> -->
+
+
+
+<div class="item">
+  <a href="/#/en/core/m5stick">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stick_01.png" height="150px">
+  <p class="item-title">M5Stick</p>
+  </a>
+</div>
+
+<div class="item">
+  <a href="/#/en/core/m5stickc">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stickc_01.png">
+  <p class="item-title">M5StickC</p>
+</a>
+</div>
+
+<div class="item">
+  <a href="/#/en/core/m5stickv">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/m5stickv_01.jpg">
+  <p class="item-title">M5StickV</p>
+  </a>
+</div>
+
+
+
+<!-- **M5GO/FACES Kit** -->
+
+  <!-- <a class="btn btn btn-primary" href="#en/quick_start/m5core/m5stack_core_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5GO QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
+  <a class="btn btn btn-primary" href="#en/quick_start/m5core/m5stack_core_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">FACES-kit QuickStart »</a> -->
+
+
+
 </div>
 
 
@@ -999,7 +1002,7 @@
 <div class="item">
   <a href="/#/en/1515/6060-push">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/1515/6060_push_01.jpg">
-  <p class="item-title"> 6060-PUSH</p>
+  <p class="item-title">6060-PUSH</p>
   </a>
 </div>
 
@@ -1163,14 +1166,14 @@
 <div class="item">
   <a href="/#/en/1515/connectors">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/1515/ap_30_01.jpg">
-  <p class="item-title"> Connector</p>
+  <p class="item-title">Connector</p>
   </a>
 </div>
 
 <div class="item">
   <a href="/#/en/1515/ap">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/1515/ap_ap_01.jpg">
-  <p class="item-title"> Aluminium-Profile</p>
+  <p class="item-title">Aluminium-Profile</p>
   </a>
 </div>
 </div>
@@ -1194,6 +1197,7 @@
         $("#core .mask a").eq(4).attr("href", "#en/quick_start/m5stickc/m5stickc_quick_start");
         $("#core .mask a").eq(5).attr("href", "#en/quick_start/m5stickv/m5stickv_quick_start");
         $("#unit .mask a").attr("href", "#en/quick_start/m5camera/m5camera_quick_start");
+        $(".product_page strong").parent('p').css("margin-bottom","0px");
      });
     
 
diff --git a/docs/zh_CN/README.md b/docs/zh_CN/README.md
index ec088349..9d2cf969 100644
--- a/docs/zh_CN/README.md
+++ b/docs/zh_CN/README.md
@@ -1,5 +1,5 @@
 <div class="pc-navigation">
-  <div class="btn-group-vertical" style="width: 160px;">
+  <div class="btn-group-vertical" style="width: 200px;">
     <div class="btn-group">
         <button id="core-btn" type="button" class="btn btn-primary" onclick="select(this)">Core</button>
     </div>
@@ -23,7 +23,7 @@
     </div>
 </div>
 <hr>
-  <div class="btn-group-vertical" style="width: 160px;">
+  <div class="btn-group-vertical" style="width: 200px;">
     <a class="btn btn btn-primary" href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_table/I2C_Address.pdf" role="button" style="color:white;text-decoration:none" target="view_window">I2C地址表格</a>
     <a class="btn btn btn-primary" href="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_table/Product_compared.pdf" role="button" style="color:white;text-decoration:none" target="view_window">产品参数表格</a>
   </div>
@@ -84,7 +84,7 @@
 
 <div id="core">
 
-**M5Core**
+**M5Core/Kit**
 
   <!-- <a class="btn btn btn-primary" href="#en/quick_start/m5core/m5stack_core_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5Core QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
   <a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;margin-top:10px;text-decoration:none" data-toggle="modal" data-target="#Core_I2C">I2C AddressTable</a>&nbsp;&nbsp;&nbsp;&nbsp;
@@ -112,43 +112,6 @@
  </a>
 </div>
 
-**M5Stick**
-
-
-  <!-- <a class="btn btn btn-primary" href="#en/quick_start/m5stick/m5stick_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5Stick QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
-  <a class="btn btn btn-primary" href="#en/quick_start/m5stickc/m5stickc_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5StickC QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
-  <a class="btn btn btn-primary" href="#en/quick_start/m5stickv/m5stickv_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5StickV QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
-  <a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;margin-top:10px;text-decoration:none" data-toggle="modal" data-target="#Stick_Compare">M5Stick comparison »</a> -->
-
-
-
-<div class="item">
-  <a href="/#/zh_CN/core/m5stick">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stick_01.png">
-  <p class="item-title">M5Stick</p>
-  </a>
-</div>
-
-<div class="item">
-  <a href="/#/zh_CN/core/m5stickc">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stickc_01.png">
-  <p class="item-title">M5StickC</p>
-</a>
-</div>
-
-<div class="item">
-  <a href="/#/zh_CN/core/m5stickv">
-    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/m5stickv_01.jpg">
-  <p class="item-title">M5StickV</p>
-  </a>
-</div>
-
-
-
-**M5GO/FACES Kit**
-
-  <!-- <a class="btn btn btn-primary" href="#en/quick_start/m5core/m5stack_core_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5GO QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
-  <a class="btn btn btn-primary" href="#en/quick_start/m5core/m5stack_core_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">FACES-kit QuickStart »</a> -->
 
 <div class="item">
   <a href="/#/zh_CN/core/m5go_lite">
@@ -171,6 +134,43 @@
   </a>
 </div>
 
+
+
+**M5Stick**
+
+
+  <!-- <a class="btn btn btn-primary" href="#en/quick_start/m5stick/m5stick_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5Stick QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
+  <a class="btn btn btn-primary" href="#en/quick_start/m5stickc/m5stickc_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5StickC QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
+  <a class="btn btn btn-primary" href="#en/quick_start/m5stickv/m5stickv_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5StickV QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
+  <a class="btn btn btn-primary" href="https://shimo.im/sheets/GWkjHV3XyCCgwDpQ" role="button" style="color:white;margin-top:10px;text-decoration:none" data-toggle="modal" data-target="#Stick_Compare">M5Stick comparison »</a> -->
+
+<div class="item">
+  <a href="/#/zh_CN/core/m5stick">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stick_01.png" height="150px">
+  <p class="item-title">M5Stick</p>
+  </a>
+</div>
+
+<div class="item">
+  <a href="/#/zh_CN/core/m5stickc">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stickc_01.png">
+  <p class="item-title">M5StickC</p>
+</a>
+</div>
+
+<div class="item">
+  <a href="/#/zh_CN/core/m5stickv">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/m5stickv_01.jpg">
+  <p class="item-title">M5StickV</p>
+  </a>
+</div>
+
+
+<!-- **M5GO/FACES Kit** -->
+
+  <!-- <a class="btn btn btn-primary" href="#en/quick_start/m5core/m5stack_core_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">M5GO QuickStart</a>&nbsp;&nbsp;&nbsp;&nbsp;
+  <a class="btn btn btn-primary" href="#en/quick_start/m5core/m5stack_core_quick_start" role="button" style="color:white;margin-top:10px;text-decoration:none">FACES-kit QuickStart »</a> -->
+
 </div>
 
 
@@ -1002,7 +1002,7 @@
 <div class="item">
   <a href="/#/zh_CN/1515/6060-push">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/1515/6060_push_01.jpg">
-  <p class="item-title"> 6060-PUSH</p>
+  <p class="item-title">6060-PUSH</p>
   </a>
 </div>
 
@@ -1147,7 +1147,7 @@
 
 <div id="aluminium">
 
-**Aluminium Profil**
+**Aluminium-Profil**
 
 <div class="item">
   <a href="/#/zh_CN/1515/corner">
@@ -1166,14 +1166,14 @@
 <div class="item">
   <a href="/#/zh_CN/1515/connectors">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/1515/ap_30_01.jpg">
-  <p class="item-title"> Connector</p>
+  <p class="item-title">Connector</p>
   </a>
 </div>
 
 <div class="item">
   <a href="/#/zh_CN/1515/ap">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/1515/ap_ap_01.jpg">
-  <p class="item-title"> Aluminium-Profile</p>
+  <p class="item-title">Aluminium-Profile</p>
   </a>
 </div>
 </div>
@@ -1198,6 +1198,7 @@
         $("#core .mask a").eq(4).attr("href", "#zh_CN/quick_start/m5stickc/m5stickc_quick_start");
         $("#core .mask a").eq(5).attr("href", "#zh_CN/quick_start/m5stickv/m5stickv_quick_start");
         $("#unit .mask a").attr("href", "#zh_CN/quick_start/m5camera/m5camera_quick_start");
+        $(".product_page strong").parent('p').css("margin-bottom","0px");
      });