diff --git a/index.html b/index.html
index 15523f4..fc0df77 100644
--- a/index.html
+++ b/index.html
@@ -44,13 +44,23 @@
     </div>
     <br>
     <div class="row">
-        <h5>连接的手机</h5>
+        <h5>连接的设备</h5>
         <div id="device_list"/>
     </div>
     <br/>
+    <div class="row">
+        <div class="col-md-4">
+            <button id="start_book_btn" type="button" class="btn btn-primary">开始约会
+            </button>
+        </div>
+
+        <div class="col-md-4">
+
+            <button id="scheduler_book_btn" type="button" class="btn btn-primary">10点30开始
+            </button>
+        </div>
+    </div>
 
-    <button id="start_book_btn" type="button" class="btn btn-primary">开始约会
-    </button>
     <script src="./renderer.js"></script>
 </div>
 </body>
diff --git a/renderer.js b/renderer.js
index bd04efc..ebfb1b0 100644
--- a/renderer.js
+++ b/renderer.js
@@ -5,14 +5,17 @@ let selectedStore = 'random';
 window.addEventListener('load', () => {
     window.appointment.scanDevices().then((deviceList) => {
         // Make the list
-        let listElement = document.getElementById('device_list');
+        let deviceListSection = document.getElementById('device_list');
+        let deviceNumberInfo = document.createElement("div")
+        deviceNumberInfo.innerHTML = "连接的设备数:" + deviceList.length;
+        deviceListSection.appendChild(deviceNumberInfo);
         for (i = 0; i < deviceList.length; ++i) {
             // Create an item for each one
             let listItem = document.createElement('li');
             // Add the item text
             listItem.innerHTML = deviceList[i].join(" : ");
             // Add listItem to the listElement
-            listElement.appendChild(listItem);
+            deviceListSection.appendChild(listItem);
         }
     })
     document.getElementById("start_book_btn").addEventListener('click', () => {