Migrate to bootstrap 4 in LeafWeb

WebCms/Views/Partials/LoginStatus.cshtml

@@ -13,21 +13,26 @@
 
     var logoutModel = new PostRedirectModel { RedirectUrl = "/" };
 }
-@if (loginStatusModel.IsLoggedIn)
-{
-    <div class="row row-no-padding">
-        <div class="col-xs-8"><span class="glyphicon glyphicon-user"></span> @loginStatusModel.Name</div>
-        <div class="col-xs-4">
-
-            @using (Html.BeginUmbracoForm<UmbLoginStatusController>("HandleLogout"))
-            {
-                <button href="#" class="btn btn-primary btn-transparent btn-xs">Logout</button>
-                @Html.HiddenFor(m => logoutModel.RedirectUrl)
-            }
-        </div>
+<div class="container">
+    <div class="row align-items-center">
+        @if (loginStatusModel.IsLoggedIn)
+        {
+            <div class="col-md-auto">
+                <span class="fa fa-user"></span> @loginStatusModel.Name
+            </div>
+            <div class="col-sm">
+                @using (Html.BeginUmbracoForm<UmbLoginStatusController>("HandleLogout"))
+                {
+                    <button href="#" class="btn btn-outline-secondary btn-sm">Logout</button>
+                    @Html.HiddenFor(m => logoutModel.RedirectUrl)
+                }
+            </div>
+        }
+        else
+        {
+            <div class="col-md-auto">
+                <a href="/membership/login" class="nav-link"><span class="fa fa-user"></span> Login</a>
+            </div>
+        }
     </div>
-}
-else
-{
-    <a href="/membership/login" class="btn btn-default btn-transparent btn-xs" >Login</a>
-}
+</div>