make login form smaller and put it into a div

views/bootstrap/class.Login.php

@@ -97,6 +97,7 @@ $(document).ready( function() {
 		$this->htmlStartPage(getMLText("sign_in"), "login");
 		$this->globalBanner();
 		$this->contentStart();
+		echo "<div id=\"login_wrapper\">\n";
 		$this->pageNavigation(getMLText("sign_in"));
 		if($msg)
 			$this->errorMsg(htmlspecialchars($msg));
@@ -114,7 +115,7 @@ $(document).ready( function() {
 				'type'=>'text',
 				'id'=>'login',
 				'name'=>'login',
-				'placeholder'=>'login',
+				'placeholder'=>getMLText('user_login'),
 				'autocomplete'=>'on',
 				'required'=>true
 			)
@@ -126,6 +127,7 @@ $(document).ready( function() {
 				'type'=>'password',
 				'id'=>'pwd',
 				'name'=>'pwd',
+				'placeholder'=>getMLText('password'),
 				'autocomplete'=>'off',
 				'required'=>true
 			)
@@ -154,8 +156,8 @@ $(document).ready( function() {
 				$html
 			);
 		}
-		$this->contentContainerEnd();
 		$this->formSubmit(getMLText('submit_login'));
+		$this->contentContainerEnd();
 ?>
 </form>
 <?php
@@ -169,6 +171,7 @@ $(document).ready( function() {
 			print implode(' | ', $tmpfoot);
 			print "</p>\n";
 		}
+		echo "</div>\n";
 		$this->contentEnd();
 		$this->htmlEndPage();
 	} /* }}} */

views/bootstrap4/styles/application.css

@@ -1,9 +1,18 @@
 body { /* Add top padding for full-width layout */
-	padding-top: 4.0rem;
+	padding-top: 3.7rem;
+}
+#login_wrapper {
+	margin: auto auto;
+	width: 360px;
+}
+@media (max-width: 575px) { 
+	#login_wrapper {
+		width: 100%;
+	}
 }
 
 a.navbar-brand img {
-	height: 2.3rem;
+	height: 2.0rem;
 }
 
 .dropdown-submenu {

views/bootstrap4/styles/styles.css

@@ -1,7 +1,3 @@
-.navbar-brand img {
-	height: 2.3rem;
-}
-
 ul.jqtree-tree ul.jqtree_common {
 	margin-left: 22px;
 }