Fix login page style

web_interface/src/wui/login.html

@@ -20,7 +20,7 @@
 
   <div class="panel panel-default">
     <div class="panel-body">
-      <form action="login.cgi" method="post" class="login-form">
+      <form action="login.cgi" method="post" class="login-form form-inline">
         <label for="login">Логин:&nbsp;</label>
         <input type="text" class="form-control" name="login" id="login" maxlength="16" style="margin-right: 10px;">
         <label for="pass">Пароль:&nbsp;</label>
@@ -32,4 +32,4 @@
 <!--END-->
 </div>
 </body>
-</html>
+</html>

web_interface/src/wui/main.css

@@ -1951,6 +1951,56 @@ ul#validation-box{
 textarea.form-control {height: auto;}
 input[type="search"] {-webkit-appearance: none;}
 
+@media (min-width: 768px) {
+  .form-inline .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .form-inline .form-control-static {
+    display: inline-block;
+  }
+  .form-inline .input-group {
+    display: inline-table;
+    vertical-align: middle;
+  }
+  .form-inline .input-group .input-group-addon,
+  .form-inline .input-group .input-group-btn,
+  .form-inline .input-group .form-control {
+    width: auto;
+  }
+  .form-inline .input-group > .form-control {
+    width: 100%;
+  }
+  .form-inline .control-label {
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .radio,
+  .form-inline .checkbox {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .radio label,
+  .form-inline .checkbox label {
+    padding-left: 0;
+  }
+  .form-inline .radio input[type="radio"],
+  .form-inline .checkbox input[type="checkbox"] {
+    position: relative;
+    margin-left: 0;
+  }
+  .form-inline .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
 .radio,
 .checkbox {
   position: relative;

web_interface/src/wui/rslogin.html

@@ -20,7 +20,7 @@
 
   <div class="panel panel-default">
     <div class="panel-body">
-      <form action="login.cgi" method="post" class="login-form">
+      <form action="login.cgi" method="post" class="login-form form-inline">
         <label for="login">Логин:&nbsp;</label>
         <input type="text" class="form-control" name="login" id="login" maxlength="16" style="margin-right: 10px;">
         <label for="pass">Пароль:&nbsp;</label>