From 0511485b93df2ffe55a987a8ea147ec2eb423497 Mon Sep 17 00:00:00 2001
From: Argo-Lenovo <Argo@163.com>
Date: Mon, 24 Oct 2016 13:43:11 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E9=99=A4Terminal=E5=AD=97=E6=A0=B7?=
 =?UTF-8?q?=E7=9A=84=E7=9B=B8=E5=85=B3css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Bootstrap.Admin/Content/css/site.css         | 34 +++++++++++++-------
 Bootstrap.Admin/Views/Admin/Users.cshtml     | 30 ++++++++---------
 Bootstrap.Admin/Views/Shared/_Default.cshtml |  4 +--
 3 files changed, 38 insertions(+), 30 deletions(-)

diff --git a/Bootstrap.Admin/Content/css/site.css b/Bootstrap.Admin/Content/css/site.css
index ae052d34..9e3e5ccb 100644
--- a/Bootstrap.Admin/Content/css/site.css
+++ b/Bootstrap.Admin/Content/css/site.css
@@ -388,28 +388,38 @@ a.logo {
     padding: 0px 8px;
 }
 
-.terminal-form-group {
-    margin-top: 10px;
+.form-inline .form-group label.control-label {
+    margin-right: 10px;
 }
 
-.terminal-dialog {
+@media (max-width: 768px) {
+    .form-inline {
+        margin-bottom: -15px;
+    }
+
+        .form-inline .form-group {
+            margin-bottom: 15px;
+        }
+}
+
+.modal-body {
+    padding-bottom: 0;
+}
+
+.modal-dialog {
     width: 800px;
 }
 
-.terminal-close {
-    margin-top: 4px !important;
-}
-
-.terminal-dialog-header {
+.modal-header {
     background-color: #f5f5f5;
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
+    padding: 10px 15px;
 }
 
-.terminal-pannel {
-    padding-bottom: 10px;
-    margin-bottom: 38px;
-}
+    .modal-header .close {
+        margin-top: 1px;
+    }
 
 .fixed-table-loading {
     padding-top: 5px;
diff --git a/Bootstrap.Admin/Views/Admin/Users.cshtml b/Bootstrap.Admin/Views/Admin/Users.cshtml
index d284a4c4..dacd79eb 100644
--- a/Bootstrap.Admin/Views/Admin/Users.cshtml
+++ b/Bootstrap.Admin/Views/Admin/Users.cshtml
@@ -13,30 +13,28 @@
     @Html.Partial("Navigator", Model)
 }
 @section query {
-    <form class="form-horizontal" role="form">
-        <div class="form-group terminal-form-group">
-            <label class="control-label col-lg-1" for="txt_search_name">登陆名称</label>
-            <div class="col-lg-2">
-                <input type="text" class="form-control" id="txt_search_name" />
-            </div>
-            <label class="control-label col-lg-1" for="txt_display_name">显示名称</label>
-            <div class="col-lg-2">
-                <input type="text" class="form-control" id="txt_display_name" />
-            </div>
-            <div class="col-lg-1">
-                <button type="button" id="btn_query" class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
-            </div>
+    <form class="form-inline" role="form">
+        <div class="form-group col-lg-5">
+            <label class="control-label" for="txt_search_name">登陆名称</label>
+            <input type="text" class="form-control" id="txt_search_name" />
+        </div>
+        <div class="form-group col-lg-5">
+            <label class="control-label" for="txt_display_name">显示名称</label>
+            <input type="text" class="form-control" id="txt_display_name" />
+        </div>
+        <div class="form-group col-lg-2">
+            <button type="button" id="btn_query" class="btn btn-primary"><span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询</button>
         </div>
     </form>
 }
 @section modal {
     <div class="modal-content">
-        <div class="modal-header  terminal-dialog-header">
-            <button type="button" class="close terminal-close" data-dismiss="modal" aria-hidden="true">&times;</button>
+        <div class="modal-header">
+            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
             <h4 class="modal-title" id="myModalLabel">输入口编辑窗口</h4>
         </div>
         <div class="modal-body">
-            <form class="form-horizontal terminal-form-group" id="dataForm" name="dataForm" role="form">
+            <form class="form-horizontal" id="dataForm" name="dataForm" role="form">
                 <div class="form-group">
                     <label class="control-label col-sm-2" for="userName">登陆名称</label>
                     <div class="col-sm-3">
diff --git a/Bootstrap.Admin/Views/Shared/_Default.cshtml b/Bootstrap.Admin/Views/Shared/_Default.cshtml
index 0b457f71..e0d7deae 100644
--- a/Bootstrap.Admin/Views/Shared/_Default.cshtml
+++ b/Bootstrap.Admin/Views/Shared/_Default.cshtml
@@ -20,7 +20,7 @@
 }
 @section modal {
     <div class="modal fade" id="dialogNew" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true">
-        <div class="modal-dialog terminal-dialog">
+        <div class="modal-dialog">
             @RenderSection("modal", false)
         </div>
     </div>
@@ -42,7 +42,7 @@
         <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>编辑
     </button>
 </div>
-<div class="panel panel-default terminal-pannel">
+<div class="panel panel-default">
     <div class="panel-heading">
         查询结果
     </div>