From d6e6fa063698c371770c9d8c64209b61ae52c0bc Mon Sep 17 00:00:00 2001
From: Mark Moffat <mark@Marks-MacBook-Pro-2.local>
Date: Wed, 1 Jan 2020 19:50:57 +1030
Subject: [PATCH] UI fixes

---
 views/layouts/layout.hbs                    |  6 +--
 views/order.hbs                             | 44 ++++++++++-----------
 views/orders.hbs                            |  2 +-
 views/product_edit.hbs                      |  2 +-
 views/product_new.hbs                       |  2 +-
 views/products.hbs                          |  6 +--
 views/settings.hbs                          |  2 +-
 views/settings_page.hbs                     |  2 +-
 views/settings_pages.hbs                    |  2 +-
 views/themes/Cloth/checkout-cart.hbs        |  4 +-
 views/themes/Cloth/checkout-information.hbs |  8 ++--
 views/themes/Cloth/checkout-payment.hbs     |  6 +--
 views/themes/Cloth/checkout-shipping.hbs    | 10 ++---
 views/user_edit.hbs                         |  2 +-
 views/user_new.hbs                          |  2 +-
 views/users.hbs                             |  4 +-
 16 files changed, 52 insertions(+), 52 deletions(-)

diff --git a/views/layouts/layout.hbs b/views/layouts/layout.hbs
index 7d59f7c..0d81cb2 100644
--- a/views/layouts/layout.hbs
+++ b/views/layouts/layout.hbs
@@ -32,7 +32,7 @@
         <link rel="stylesheet" href="/stylesheets/admin{{config.env}}.css">
         {{/if}}
         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/esm/popper.min.js" integrity="sha256-g491Yv8nsEVSfQ6aonhVVFXoX5vF2uJQIU0hVNRg4JQ=" crossorigin="anonymous"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js" integrity="sha256-x3YZWtRjM8bJqf48dFAv/qmgL68SI4jqNWeSLMZaMGA=" crossorigin="anonymous"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha256-WqU1JavFxSAMcLP2WIOI+GB2zWmShMI82mTpLDcqFUg=" crossorigin="anonymous"></script>
         {{#if admin}}
         <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.20.2/codemirror.min.js" integrity="sha256-K1exjHe1X4MP24jRizgBaSbUDUrNhFDRSwGoEYGmtJE=" crossorigin="anonymous"></script>
@@ -140,8 +140,8 @@
                         <div class="row">
                         {{#if @root.session.cart}}
                         <div class="col-sm-12">
-                            <button class="btn btn-outline-danger pull-left" id="empty-cart" type="button">{{ @root.__ "Empty cart" }}</button>
-                            <a href="/checkout/information" class="btn btn-outline-primary pull-right">Checkout</a>
+                            <button class="btn btn-outline-danger float-left" id="empty-cart" type="button">{{ @root.__ "Empty cart" }}</button>
+                            <a href="/checkout/information" class="btn btn-outline-primary float-right">Checkout</a>
                         </div>
                         {{/if}}
                     </div>
diff --git a/views/order.hbs b/views/order.hbs
index 5bfa869..9338e9f 100644
--- a/views/order.hbs
+++ b/views/order.hbs
@@ -6,14 +6,14 @@
     <div class="order-layout col-md-12">
         <div class="row">
             <div class="col-md-12 bottom-pad-20">
-                <button id="orderStatusUpdate" class="btn btn-outline-success pull-left">{{ @root.__ "Update status" }}</button>
-                <a href="/admin/orders" class="btn btn-outline-info pull-right">{{ @root.__ "Go Back" }}</a>
+                <button id="orderStatusUpdate" class="btn btn-outline-success float-left">{{ @root.__ "Update status" }}</button>
+                <a href="/admin/orders" class="btn btn-outline-info float-right">{{ @root.__ "Go Back" }}</a>
             </div>
         </div>
         <ul class="list-group">
             <li class="list-group-item list-group-input-pad">
-                <strong> Order status: </strong><span class="text-{{getStatusColor result.orderStatus}} pull-right">{{result.orderStatus}}</span>
-                <div class="pull-right col-md-2">
+                <strong> Order status: </strong><span class="text-{{getStatusColor result.orderStatus}} float-right">{{result.orderStatus}}</span>
+                <div class="float-right col-md-2">
                     <select class="form-control" id="orderStatus">
                         <option>{{ @root.__ "Completed" }}</option>
                         <option>{{ @root.__ "Paid" }}</option>
@@ -24,25 +24,25 @@
                     </select>
                 </div>
             </li>
-            <li class="list-group-item"><strong> {{ @root.__ "Order date" }}: </strong><span class="pull-right">{{formatDate result.orderDate "DD/MM/YYYY hh:mmA"}}</span></li>
-            <li class="list-group-item"><strong> {{ @root.__ "Order ID" }}: </strong><span class="pull-right">{{result._id}}</span></li>
-            <li class="list-group-item"><strong> {{ @root.__ "Payment Gateway ref" }}: </strong><span class="pull-right">{{result.orderPaymentId}}</span></li>
-            <li class="list-group-item"><strong> {{ @root.__ "Payment Gateway" }}: </strong><span class="pull-right">{{result.orderPaymentGateway}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "Order date" }}: </strong><span class="float-right">{{formatDate result.orderDate "DD/MM/YYYY hh:mmA"}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "Order ID" }}: </strong><span class="float-right">{{result._id}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "Payment Gateway ref" }}: </strong><span class="float-right">{{result.orderPaymentId}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "Payment Gateway" }}: </strong><span class="float-right">{{result.orderPaymentGateway}}</span></li>
             {{#if result.orderPaymentMessage}}
-            <li class="list-group-item"><strong> {{ @root.__ "Payment Message" }}: </strong><span class="pull-right">{{result.orderPaymentMessage}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "Payment Message" }}: </strong><span class="float-right">{{result.orderPaymentMessage}}</span></li>
             {{/if}}
-            <li class="list-group-item"><strong> {{ @root.__ "Order total amount" }}: </strong><span class="pull-right">{{currencySymbol config.currencySymbol}}{{formatAmount result.orderTotal}}</span></li>
-            <li class="list-group-item"><strong> {{ @root.__ "Email address" }}: </strong><span class="pull-right">{{result.orderEmail}}</span></li>
-            <li class="list-group-item"><strong> {{ @root.__ "First name" }}: </strong><span class="pull-right">{{result.orderFirstname}}</span></li>
-            <li class="list-group-item"><strong> {{ @root.__ "Last name" }}: </strong><span class="pull-right">{{result.orderLastname}}</span></li>
-            <li class="list-group-item"><strong> {{ @root.__ "Address 1" }}: </strong><span class="pull-right">{{result.orderAddr1}}</span></li>
-            <li class="list-group-item"><strong> {{ @root.__ "Address 2" }}: </strong><span class="pull-right">{{result.orderAddr2}}</span></li>
-            <li class="list-group-item"><strong> {{ @root.__ "Country" }}: </strong><span class="pull-right">{{result.orderCountry}}</span></li>
-            <li class="list-group-item"><strong> {{ @root.__ "State" }}: </strong><span class="pull-right">{{result.orderState}}</span></li>
-            <li class="list-group-item"><strong> {{ @root.__ "Postcode" }}: </strong><span class="pull-right">{{result.orderPostcode}}</span></li>
-            <li class="list-group-item"><strong> {{ @root.__ "Phone number" }}: </strong><span class="pull-right">{{result.orderPhoneNumber}}</span></li>
-            <li class="list-group-item"><strong> {{ @root.__ "Order type" }}: </strong><span class="pull-right">{{result.orderType}}</span></li>
-            <li class="list-group-item"><strong> {{ @root.__ "Order comment" }}: </strong><span class="pull-right">{{result.orderComment}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "Order total amount" }}: </strong><span class="float-right">{{currencySymbol config.currencySymbol}}{{formatAmount result.orderTotal}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "Email address" }}: </strong><span class="float-right">{{result.orderEmail}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "First name" }}: </strong><span class="float-right">{{result.orderFirstname}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "Last name" }}: </strong><span class="float-right">{{result.orderLastname}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "Address 1" }}: </strong><span class="float-right">{{result.orderAddr1}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "Address 2" }}: </strong><span class="float-right">{{result.orderAddr2}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "Country" }}: </strong><span class="float-right">{{result.orderCountry}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "State" }}: </strong><span class="float-right">{{result.orderState}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "Postcode" }}: </strong><span class="float-right">{{result.orderPostcode}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "Phone number" }}: </strong><span class="float-right">{{result.orderPhoneNumber}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "Order type" }}: </strong><span class="float-right">{{result.orderType}}</span></li>
+            <li class="list-group-item"><strong> {{ @root.__ "Order comment" }}: </strong><span class="float-right">{{result.orderComment}}</span></li>
 
             <li class="list-group-item">&nbsp;</li>
             <li class="list-group-item"><strong class="text-info">{{ @root.__ "Products ordered" }}</strong></li>
@@ -62,7 +62,7 @@
                         {{/each}}
                         )
                     {{/if}}
-                    <div class="pull-right">{{currencySymbol @root.config.currencySymbol}}{{formatAmount this.totalItemPrice}}</div>
+                    <div class="float-right">{{currencySymbol @root.config.currencySymbol}}{{formatAmount this.totalItemPrice}}</div>
                     {{#if productComment}}
                     <h4><span class="text-danger">Comment:</span> {{this.productComment}}</h4>
                     {{/if}}
diff --git a/views/orders.hbs b/views/orders.hbs
index af959a4..6cfcb1b 100644
--- a/views/orders.hbs
+++ b/views/orders.hbs
@@ -44,7 +44,7 @@
             {{#if orders}}
             {{#each orders}}
                 <li class="list-group-item">
-                    <div class="pull-right top-pad-5">
+                    <div class="float-right top-pad-5">
                         {{ @root.__ "Status" }}: <span class="text-{{getStatusColor this.orderStatus}}">{{this.orderStatus}}</span>
                         <a class="text-danger" href="/admin/order/delete/{{this._id}}" onclick="return confirm('Are you sure you want to delete this order?');"> <i class="fa fa-trash-o"></i></a>
                     </div>
diff --git a/views/product_edit.hbs b/views/product_edit.hbs
index 87dfa86..1afa23d 100644
--- a/views/product_edit.hbs
+++ b/views/product_edit.hbs
@@ -3,7 +3,7 @@
     <form class="form-horizontal" id="productEditForm" data-toggle="validator">
             <div class="col-sm-12">
                 <div class="page-header">
-                    <div class="pull-right">
+                    <div class="float-right">
                         <button type="button" class="btn btn-outline-info" data-toggle="modal" data-target="#myModal">{{ @root.__ "Upload image" }}</button>
                         <button id="productUpdate" class="btn btn-outline-success">{{ @root.__ "Save product" }} <i class="fa fa-floppy-o"></i></button>
                     </div>
diff --git a/views/product_new.hbs b/views/product_new.hbs
index 9a98ae3..523d274 100644
--- a/views/product_new.hbs
+++ b/views/product_new.hbs
@@ -2,7 +2,7 @@
 <form class="form-horizontal" id="productNewForm" data-toggle="validator">
         <div class="col-sm-12">
             <div class="page-header">
-                <div class="pull-right">
+                <div class="float-right">
                     <button id="frm_edit_product_save" class="btn btn-outline-success" type="submit">Add product <i class="fa fa-plus"></i></button>
                 </div>
                 <h2>{{ @root.__ "New product" }}</h2>
diff --git a/views/products.hbs b/views/products.hbs
index c5ac68e..61e1097 100644
--- a/views/products.hbs
+++ b/views/products.hbs
@@ -16,7 +16,7 @@
     <div class="col-sm-12">
         <ul class="list-group">
             <li class="list-group-item">
-                <span class="pull-right"><strong>{{ @root.__ "Published" }}</strong></span>
+                <span class="float-right"><strong>{{ @root.__ "Published" }}</strong></span>
                 {{#ifCond resultType '==' 'filtered'}}
                 <strong>{{ @root.__ "Products" }} - <span class="text-danger">{{ @root.__ "Filtered term" }}: {{searchTerm}} </span></strong>
                 {{else}}
@@ -25,8 +25,8 @@
             </li>
             {{#each results}}
                 <li class="list-group-item">
-                    <button class="pull-right btn text-danger btn-delete-product" data-id="{{this._id}}"> <i class="fa fa-trash-o"></i></button>
-                    <h4 class="pull-right"><input id="{{this._id}}" class="published_state" type="checkbox" {{checkedState this.productPublished}}></h4>
+                    <button class="float-right btn text-danger btn-delete-product" data-id="{{this._id}}"> <i class="fa fa-trash-o"></i></button>
+                    <h4 class="float-right"><input id="{{this._id}}" class="published_state" type="checkbox" {{checkedState this.productPublished}}></h4>
                     <div class="top-pad-8"><a href="/admin/product/edit/{{this._id}}">{{this.productTitle}}</a></div>
                 </li>
             {{/each}}
diff --git a/views/settings.hbs b/views/settings.hbs
index 3dac527..ac4e47c 100644
--- a/views/settings.hbs
+++ b/views/settings.hbs
@@ -4,7 +4,7 @@
         <div class="col-md-10">
             <form id="settingsForm" data-toggle="validator">
                 <h2 class="clearfix">{{ @root.__ "General settings" }}
-                    <div class="pull-right">
+                    <div class="float-right">
                     <button type="submit" id="btnSettingsUpdate" class="btn btn-outline-success">{{ @root.__ "Update" }}</button>
                 </h2>
                 <div class="form-group">
diff --git a/views/settings_page.hbs b/views/settings_page.hbs
index 67d18fb..19ffc70 100644
--- a/views/settings_page.hbs
+++ b/views/settings_page.hbs
@@ -3,7 +3,7 @@
 	<div class="row">
 		<div class="col-md-12">
             <form id="settingsPageEditor">
-                <h2 class="clearfix">{{ @root.__ "Static page" }} <div class="pull-right"><button type="submit" id="btnPageUpdate" class="btn btn-outline-success">{{button_text}}</button></div></h2>
+                <h2 class="clearfix">{{ @root.__ "Static page" }} <div class="float-right"><button type="submit" id="btnPageUpdate" class="btn btn-outline-success">{{button_text}}</button></div></h2>
                 <input type="hidden" id="pageId" value="{{page._id}}">
                 <div class="form-group">
                     <label>{{ @root.__ "Page name" }} *</label>
diff --git a/views/settings_pages.hbs b/views/settings_pages.hbs
index ba59c57..f9a544c 100644
--- a/views/settings_pages.hbs
+++ b/views/settings_pages.hbs
@@ -2,7 +2,7 @@
 <div class="col-sm-9">
 	<div class="row">
 		<div class="col-md-10">
-            <h2 class="clearfix">{{ @root.__ "Static pages" }} <div class="pull-right"><a href="/admin/settings/pages/new" class="btn btn-outline-success">{{ @root.__ "New page" }}</a></div></h2>
+            <h2 class="clearfix">{{ @root.__ "Static pages" }} <div class="float-right"><a href="/admin/settings/pages/new" class="btn btn-outline-success">{{ @root.__ "New page" }}</a></div></h2>
             <p class="text-muted">
                 {{ @root.__ "Static_Pages_Info" }}
             </p>
diff --git a/views/themes/Cloth/checkout-cart.hbs b/views/themes/Cloth/checkout-cart.hbs
index 68b7b1e..2dc95f4 100644
--- a/views/themes/Cloth/checkout-cart.hbs
+++ b/views/themes/Cloth/checkout-cart.hbs
@@ -5,8 +5,8 @@
             <div class="row">
                 {{#if @root.session.cart}}
                 <div class="col-sm-12">
-                    <button class="btn btn-outline-danger pull-left" id="empty-cart" type="button">{{ @root.__ "Empty cart" }}</button>
-                    <a href="/checkout/information" class="btn btn-outline-danger pull-right">Checkout</a>
+                    <button class="btn btn-outline-danger float-left" id="empty-cart" type="button">{{ @root.__ "Empty cart" }}</button>
+                    <a href="/checkout/information" class="btn btn-outline-danger float-right">Checkout</a>
                 </div>
                 {{/if}}
             </div>
diff --git a/views/themes/Cloth/checkout-information.hbs b/views/themes/Cloth/checkout-information.hbs
index c15837e..0cc72af 100644
--- a/views/themes/Cloth/checkout-information.hbs
+++ b/views/themes/Cloth/checkout-information.hbs
@@ -49,7 +49,7 @@
                     <div class="row bottom-marg-15">
                         <div class="col-sm-12">
                             <button id="customerLogout"
-                                class="btn btn-outline-primary pull-right">{{ @root.__ "Change customer" }}</button>
+                                class="btn btn-outline-primary float-right">{{ @root.__ "Change customer" }}</button>
                         </div>
                     </div>
                     {{/if}}
@@ -76,8 +76,8 @@
                             </div>
                             {{/unless}}
                             <div class="col-sm-12">
-                                <a href="/checkout/cart" class="btn btn-outline-primary pull-left">Return to cart</a>
-                                <a href="/checkout/shipping" id="checkoutInformation" class="btn btn-outline-primary pull-right">Continue to shipping</a>
+                                <a href="/checkout/cart" class="btn btn-outline-primary float-left">Return to cart</a>
+                                <a href="/checkout/shipping" id="checkoutInformation" class="btn btn-outline-primary float-right">Continue to shipping</a>
                             </div>
                         </div>
                     </form>
@@ -89,7 +89,7 @@
             {{#if @root.session.cart}}
             <div class="row">
                 <div class="col-sm-12">
-                    <button class="btn btn-outline-danger pull-right" id="empty-cart" type="button">{{ @root.__ "Empty cart" }}</button>
+                    <button class="btn btn-outline-danger float-right" id="empty-cart" type="button">{{ @root.__ "Empty cart" }}</button>
                 </div>
             {{/if}}
             </div>
diff --git a/views/themes/Cloth/checkout-payment.hbs b/views/themes/Cloth/checkout-payment.hbs
index da34397..07500be 100644
--- a/views/themes/Cloth/checkout-payment.hbs
+++ b/views/themes/Cloth/checkout-payment.hbs
@@ -19,7 +19,7 @@
                         <li class="list-group-item">
                             {{@root.session.customerFirstname}} {{@root.session.customerLastname}} - 
                             {{@root.session.customerEmail}}
-                            <span class="pull-right"><a href="/checkout/information">Change</a></span>
+                            <span class="float-right"><a href="/checkout/information">Change</a></span>
                         </li>
                     </ul>
                     <ul class="list-group bottom-pad-15">
@@ -31,12 +31,12 @@
                                 </div>
                                 <div class="col-md-6">
                                     <span><strong>{{currencySymbol @root.config.currencySymbol}}{{formatAmount @root.config.flatShipping}}</strong></span>
-                                    <span class="pull-right"><a href="/checkout/shipping">Change</a></span>
+                                    <span class="float-right"><a href="/checkout/shipping">Change</a></span>
                                 </div>
                             </div>
                         </li>
                         {{else}}
-                        <li class="list-group-item">FREE shipping <span class="pull-right"><a href="/checkout/shipping">Change</a></span></li>
+                        <li class="list-group-item">FREE shipping <span class="float-right"><a href="/checkout/shipping">Change</a></span></li>
                         {{/if}}
                     </ul>
                     <form id="shipping-form" class="shipping-form" action="/{{config.paymentGateway}}/checkout_action{{@root.paymentType}}" method="post" role="form" data-toggle="validator" novalidate="false">
diff --git a/views/themes/Cloth/checkout-shipping.hbs b/views/themes/Cloth/checkout-shipping.hbs
index 887dec7..a37bf6e 100644
--- a/views/themes/Cloth/checkout-shipping.hbs
+++ b/views/themes/Cloth/checkout-shipping.hbs
@@ -15,23 +15,23 @@
                     {{#unless @root.session.shippingOptions}}
                         <ul class="list-group">
                             {{#if @root.session.shippingCostApplied}}
-                            <li class="list-group-item">Standard shipping <span class="pull-right"><strong>{{currencySymbol @root.config.currencySymbol}}{{formatAmount @root.config.flatShipping}}</strong></span></li>
+                            <li class="list-group-item">Standard shipping <span class="float-right"><strong>{{currencySymbol @root.config.currencySymbol}}{{formatAmount @root.config.flatShipping}}</strong></span></li>
                             {{else}}
-                            <li class="list-group-item">FREE shipping <span class="pull-right"></li>
+                            <li class="list-group-item">FREE shipping <span class="float-right"></li>
                             {{/if}}
                         </ul>
                     {{/unless}}
                 </div>
             </div>
-            <a href="/checkout/information" class="btn btn-outline-primary pull-left">{{ @root.__ "Return to information" }}</a>
-            <a href="/checkout/payment" class="btn btn-outline-primary pull-right">{{ @root.__ "Proceed to payment" }}</a>
+            <a href="/checkout/information" class="btn btn-outline-primary float-left">{{ @root.__ "Return to information" }}</a>
+            <a href="/checkout/payment" class="btn btn-outline-primary float-right">{{ @root.__ "Proceed to payment" }}</a>
         </div>
         <div id="cart" class="col-md-7 d-none d-sm-block">
             {{> (getTheme 'cart')}}
             <div class="row">
                 {{#if @root.session.cart}}
                 <div class="col-sm-12">
-                    <button class="btn btn-outline-danger pull-right" id="empty-cart" type="button">{{ @root.__ "Empty cart" }}</button>
+                    <button class="btn btn-outline-danger float-right" id="empty-cart" type="button">{{ @root.__ "Empty cart" }}</button>
                 </div>
                 {{/if}}
             </div>
diff --git a/views/user_edit.hbs b/views/user_edit.hbs
index 4be98e3..17f81c3 100644
--- a/views/user_edit.hbs
+++ b/views/user_edit.hbs
@@ -40,7 +40,7 @@
 					</div>
 				</div><br/>
 				<div class="form-group">
-					<div class="pull-right">
+					<div class="float-right">
 						<button type="submit" class="btn btn-outline-success">{{ @root.__ "Update" }}</button>
 					</div>
 				</div>
diff --git a/views/user_new.hbs b/views/user_new.hbs
index 4a8935d..9275749 100644
--- a/views/user_new.hbs
+++ b/views/user_new.hbs
@@ -21,7 +21,7 @@
 					<input type="password" data-match="#userPassword"  class="form-control" required>
 				</div>
 				<div class="form-group">
-					<div class="pull-right">
+					<div class="float-right">
 						<button type="submit" class="btn btn-outline-success">{{ @root.__ "Create" }}</button>
 					</div>
 				</div>
diff --git a/views/users.hbs b/views/users.hbs
index af887a2..27605b7 100644
--- a/views/users.hbs
+++ b/views/users.hbs
@@ -2,12 +2,12 @@
 <div class="col-sm-9">
 	<div class="row">
 		<div class="col-md-8">
-			<h2>Users <span class="pull-right"><a href="/admin/user/new" class="btn btn-outline-success">{{ @root.__ "New user" }}</a></span></h2>
+			<h2>Users <span class="float-right"><a href="/admin/user/new" class="btn btn-outline-success">{{ @root.__ "New user" }}</a></span></h2>
 			<ul class="list-group">
 				{{#each users}}
 					<li class="list-group-item">
 						<strong>{{ @root.__ "User" }}:</strong> {{this.usersName}} - ({{this.userEmail}})
-				  		<span class="pull-right">
+				  		<span class="float-right">
                             <strong>{{ @root.__ "Role" }}: </strong>
                             {{#isAnAdmin this.isAdmin}}
                                 <span>Admin</span>