From f923784a91483dac549798e9b775ed1b70c8691e Mon Sep 17 00:00:00 2001
From: cebarobot <ceba_robot@163.com>
Date: Tue, 27 Jun 2017 11:38:44 +0800
Subject: [PATCH] fix: improve the look of searchbox

Improve the look of searchbox.
- Change the color of the search button
- Put the searchbox at the middle of screen when using small equipments.
---
 uoj/1/app/controllers/problem_set.php | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/uoj/1/app/controllers/problem_set.php b/uoj/1/app/controllers/problem_set.php
index 6f5cb9d..732e954 100644
--- a/uoj/1/app/controllers/problem_set.php
+++ b/uoj/1/app/controllers/problem_set.php
@@ -135,7 +135,10 @@ EOD;
 	<div class="col-sm-4">
 		<?= HTML::tablist($tabs_info, $cur_tab, 'nav-pills') ?>
 	</div>
-	<div class="col-sm-4 col-sm-push-4 checkbox text-right">
+	<div class="col-sm-4">
+		<?php echo $pag->pagination(); ?>
+	</div>
+	<div class="col-sm-4 checkbox text-right">
 		<label class="checkbox-inline" for="input-show_tags_mode">
 			<input type="checkbox" id="input-show_tags_mode" <?= isset($_COOKIE['show_tags_mode']) ? 'checked="checked" ': ''?>/> <?= UOJLocale::get('problems::show tags') ?>
 		</label>
@@ -143,17 +146,16 @@ EOD;
 			<input type="checkbox" id="input-show_submit_mode" <?= isset($_COOKIE['show_submit_mode']) ? 'checked="checked" ': ''?>/> <?= UOJLocale::get('problems::show statistics') ?>
 		</label>
 	</div>
-	<div class="col-sm-4 col-sm-pull-4 input-group">
-		<form id="form-search" class="form-inline" method="get">
+</div>
+<div class="row">
+	<div class="col-xs-10 col-xs-push-1 col-sm-6 col-sm-push-3 input-group">
+		<form id="form-search" class="input-group form-group" method="get">
+			<input type="text" class="form-control" name="search" placeholder="<?= UOJLocale::get('search')?>" />  
 			<span class="input-group-btn">
-				<input type="text" class="form-control" name="search" placeholder="<?= UOJLocale::get('search')?>" />  
-				<button type="submit" id="submit-search" class="btn btn-info btn-search"><span class="glyphicon glyphicon-search"></span></button>  
+				<button type="submit" class="btn btn-search btn-primary" id="submit-search"><span class="glyphicon glyphicon-search"></span></button>  
 			</span>
 		</form>
 	</div>
-	<div class="col-sm-4 col-sm-pull-4">
-		<?php echo $pag->pagination(); ?>
-	</div>
 </div>
 <div class="top-buffer-sm"></div>
 <script type="text/javascript">