Minor - Fix login form style for bootstrap 4

assets/css/base.css

@@ -369,10 +369,6 @@ select {
     vertical-align: middle;
 }
 
-input[type=checkbox], input[type=radio] {
-    margin: 3px 0 0;
-}
-
 .prerequisites input[type=radio] {
     height: 12px;
 }

src/ThemeBundle/Resources/views/Sidebar/login.html.twig

@@ -20,32 +20,36 @@
         {#{% endautoescape %}#}
     {#</ul>#}
 {#</div>#}
-<form class="form-horizontal" action="{{ path("fos_user_security_check") }}" method="post" name="formLogin" id="formLogin">
+<form action="{{ path("fos_user_security_check") }}" method="post" name="formLogin" id="formLogin">
     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/>
     <fieldset>
-        <div class="input-group">
-            <div class="input-group-addon">
-                <em class="fa fa-user fa-fw"></em>
+        <div class="form-group">
+            <div class="input-group mb-3">
+                <div class="input-group-prepend">
+                    <span class="input-group-text" id="login-label">
+                        <em class="fa fa-user fa-fw"></em>
+                        <span class="sr-only">{{ 'UserName'|trans }}</span>
+                    </span>
+                </div>
+                <input id="login" autofocus="autofocus" placeholder="{{ 'UserName' | trans }}"
+                       autocapitalize="none" class="form-control" name="_username"
+                       type="text" aria-labelledby="login-label">
             </div>
-            <input id="login" autofocus="autofocus" placeholder="{{ 'UserName' | trans }}"
-                   autocapitalize="none" class="form-control" name="_username"
-                   type="text">
-        </div>
 
-        <div class="input-group">
-            <div class="input-group-addon">
-                <em class="fa fa-lock fa-fw"></em>
+            <div class="input-group mb-3">
+                <div class="input-group-prepend">
+                    <span class="input-group-text" id="password-label">
+                        <em class="fa fa-lock fa-fw"></em>
+                        <span class="sr-only">{{ 'Pass'|trans }}</span>
+                    </span>
+                </div>
+                <input id="password" placeholder="{{ 'Pass' | trans }}" autocapitalize="none"
+                       class="form-control" name="_password" type="password" aria-labelledby="password-label">
             </div>
-            <input id="password" placeholder="{{ 'Pass' | trans }}" autocapitalize="none"
-                   class="form-control" name="_password" type="password">
         </div>
-
-        <div class="input-group">
-            <div class="checkbox">
-                <label for="remember_me">
-                    <input type="checkbox" id="remember_me" name="_remember_me" value="on"/>{{ 'security.login.remember_me'|trans({}, 'FOSUserBundle') }}
-                </label>
-            </div>
+        <div class="form-group form-check">
+            <input type="checkbox" id="remember_me" name="_remember_me" value="on" class="form-check-input">
+            <label for="remember_me" class="form-check-label">{{ 'security.login.remember_me'|trans({}, 'FOSUserBundle') }}</label>
         </div>
         <button class="btn-block btn btn-primary " name="submitAuth" type="submit">
             {{ 'LoginEnter' | trans }}