Authored by xuqi

list search

1 .good-list-page { 1 .good-list-page {
2 .search-input { 2 .search-input {
3 position: relative; 3 position: relative;
4 - padding: 7px 46px 7px 15px; 4 + padding: 7px 15px;
5 background: #f8f8f8; 5 background: #f8f8f8;
6 6
  7 + > form {
  8 + position: relative;
  9 + }
  10 +
7 .search-icon { 11 .search-icon {
8 position: absolute; 12 position: absolute;
9 font-size: 12px; 13 font-size: 12px;
10 - top: 16px;  
11 - left: 24px; 14 + top: 9px;
  15 + left: 10px;
12 } 16 }
13 17
14 input { 18 input {
15 height: 30px; 19 height: 30px;
16 - width: 95%; 20 + width: 85%;
17 border-radius: 15px; 21 border-radius: 15px;
18 text-indent: 26px; 22 text-indent: 26px;
19 background: #fff; 23 background: #fff;
@@ -22,14 +26,13 @@ @@ -22,14 +26,13 @@
22 26
23 .clear-input { 27 .clear-input {
24 position: absolute; 28 position: absolute;
25 - top: 12px; 29 + top: 5px;
26 right: 50px; 30 right: 50px;
27 } 31 }
28 32
29 .search { 33 .search {
30 - position: absolute;  
31 - top: 12px;  
32 - right: .4rem; 34 + float: right;
  35 + margin-top: 6px;
33 border: none; 36 border: none;
34 background: transparent; 37 background: transparent;
35 font-size: 16px; 38 font-size: 16px;