Migrate to bootstrap 4 in LeafWeb

WebCms/Views/Queue/Index.cshtml

@@ -20,7 +20,7 @@
             <div class="input-group">
                 <input name="query" type="text" class="form-control" placeholder="Search for..." value="@Model.Query">
                 <span class="input-group-btn">
-                    <button class="btn btn-default" type="button">Search</button>
+                    <button class="btn btn-outline-secondary" type="button">Search</button>
                 </span>
             </div><!-- /input-group -->
         }
@@ -38,7 +38,7 @@
                 grid.Column("TimeInProgress", "Statistics", item => Statistics(item.Value)),
                 grid.Column("CurrentStatus", "Status", item => Status(item.Value)),
                 grid.Column("Total Results: " + Model.Items.Count(), format: item => Btns(item.Value))),
-            htmlAttributes: new {@class = "table table-striped table-bordered table-hover table-condensed"}
+            htmlAttributes: new {@class = "table table-sm table-striped table-bordered table-hover"}
             )
         @grid.BootstrapPager()
     </div>
@@ -57,9 +57,9 @@ else
 {
     <div class="btn-group text-nowrap" role="group">
         <div class="btn-group" role="group">
-            <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            <button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                 Actions
-                <span class="caret"></span>
+                <span class="fa fa-caret-down"></span>
             </button>
             <ul class="dropdown-menu">
                 <li>@DetailsLink(item)</li>
@@ -101,13 +101,13 @@ else
 @helper DownloadInput(dynamic item)
 {
     <a href="@Url.Action("DownloadInput", "Queue", new {id = item.Id})">
-        <span class="glyphicon glyphicon-download"></span> Input
+        <span class="fa fa-download"></span> Input
     </a>
 }
 @helper DownloadOutputToUser(dynamic item)
 {
     <a href="@Url.Action("DownloadOutputToUser", "Queue", new {id = item.Id})">
-        <span class="glyphicon glyphicon-download"></span> ToUser
+        <span class="fa fa-download"></span> ToUser
     </a>
 }
 @helper Statistics(LeafInput leafInput)