style: 压缩顺运宝工具条 (#219)

admin/templates/syb/list.html

@@ -1,17 +1,18 @@
 {{define "syb/list"}}
 {{template "header" .}}
 
-<div class="toolbar">
+<div class="toolbar syb-toolbar">
   <form class="inline sync-range-form" method="post" action="/syb/sync" data-syb-sync-form>
     <input type="hidden" name="csrf_token" value="{{.CSRFToken}}">
     <input type="hidden" name="order_no" value="{{.Keyword}}">
     <input type="hidden" name="shop" value="{{.ShopFilter}}">
     <input type="hidden" name="stage" value="{{.StageFilter}}">
     <input type="hidden" name="page" value="{{.CurrentPage}}">
-    <label for="sync-date-from">开始日期</label>
+    <label class="visually-hidden" for="sync-date-from">开始日期</label>
     <input id="sync-date-from" type="date" name="date_from"
            value="{{.SyncDateFrom}}" max="{{.Today}}" required>
-    <label for="sync-date-to">结束日期</label>
+    <span class="syb-date-separator" aria-hidden="true">-</span>
+    <label class="visually-hidden" for="sync-date-to">结束日期</label>
     <input id="sync-date-to" type="date" name="date_to"
            value="{{.SyncDateTo}}" max="{{.Today}}" required>
     <button type="submit" class="primary" data-syb-sync-submit
@@ -30,12 +31,12 @@
   <input type="hidden" name="page" value="{{.CurrentPage}}" form="syb-collect-form">
   <button type="button" data-modal-open="syb-collect-modal" data-collect-open
           data-collect-form="syb-collect-form" data-collect-action="collect"
-          data-need-checked="collect">创建采集任务</button>
+          data-need-checked="collect" aria-label="创建采集任务">创建采集</button>
 
   <button type="button" data-need-checked="purchase" data-modal-open="purchase-modal"
-          data-purchase-open>创建采购任务</button>
+          data-purchase-open aria-label="创建采购任务">创建采购</button>
 
-  <form class="inline grow" method="get" action="/syb">
+  <form class="inline grow syb-filter-form" method="get" action="/syb">
     <label for="stage">处理阶段</label>
     <select id="stage" name="stage">
       {{range .StageOptions}}