reshape search-listpage-input

lib/views/page_list.html

@@ -19,12 +19,12 @@
         <span id="revision-path"></span>
         {% if searchConfigured() && !isTopPage() && !isTrashPage() %}
         <form class="input-group search-input-group hidden-xs hidden-sm" data-toggle="tooltip" data-placement="bottom" title="{{ path }} 以下から検索" id="search-listpage-form">
-          <input type="text" class="search-listpage-input form-control" data-path="{{ path }}" id="search-listpage-input">
-          <span class="input-group-btn search-listpage-submit-group">
-            <button type="submit" class="btn btn-default" id="search-listpage-submit">
-              <i class="fa fa-search"></i>
-            </button>
-          </span>
+          <div class="input-group">
+            <input id="#search-listpage-input" type="text" class="form-control" data-path="{{ path }}" placeholder="Search for...">
+            <span class="input-group-btn">
+              <button class="btn btn-default"><i class="fa fa-search"></i></button>
+            </span>
+          </div><!-- /input-group -->
           <a class="search-listpage-clear" id="search-listpage-clear"><i class="fa fa-times-circle"></i></a>
         </form>
         {% endif %}

resource/css/_search.scss

@@ -17,21 +17,10 @@
 
 .search-input-group {
   display: inline-block;
+  margin-left: 20px;
   margin-bottom: 0;
   width: 200px;
   vertical-align: bottom;
-
-  .search-listpage-submit-group {
-    position: absolute;
-    width: 30px;
-    height: 30px;
-    padding-left: 197px;
-    border-radius: 0;
-
-    > .btn {
-      padding: 6px 12px 7px;
-    }
-  }
 }