updated Invoice

Author: Yeliazar

src/pages/Extra/Invoice/Invoice.vue

@@ -2,19 +2,19 @@
   <b-row>
     <b-col lg='11'>
       <b-row class='invoice-page'>
-        <b-col xs='12'>
+        <b-col sm='12'>
           <Widget>
               <header>
                 <b-row>
-                  <b-col md="6" xs="12" class="b-col-print-6">
+                  <b-col md="6" sm="12" class="b-col-print-6">
                     <img src="../../../assets/invoice-logo.png" alt="Logo" class='invoiceLogo' />
                   </b-col>
-                  <b-col md="6" xs="12" class="b-col-print-6">
-                    <h4 class="text-right">
+                  <b-col md="6" sm="12" class="b-col-print-6">
+                    <h4 class="text-end">
                       #<span class="fw-semi-bold">9.45613</span> /
                       <small>17 May 2014</small>
                     </h4>
-                    <div class="text-muted fs-larger text-right">
+                    <div class="text-muted fs-larger text-end">
                       Some Invoice number description or whatever
                     </div>
                   </b-col>
@@ -38,7 +38,7 @@
                     </address>
                   </b-col>
 
-                  <b-col sm='6' class="b-col-print-6 text-right">
+                  <b-col sm='6' class="b-col-print-6 text-end">
                     <h5 class="text-muted no-margin">Client Information</h5>
                     <h3 class="client-name m-t-1">
                       Veronica Niasvizhskaja
@@ -121,7 +121,7 @@
                     </p>
                   </b-col>
                   <b-col md='4' xs='12' class="b-col-print-6">
-                    <b-row class="text-right justify-content-end">
+                    <b-row class="text-end justify-content-end">
                       <b-col xs='6' />
                       <b-col sm='3'>
                         <p>Subtotal</p>
@@ -136,14 +136,14 @@
                     </b-row>
                   </b-col>
                 </b-row>
-                <p class="text-right mt-lg mb-xs">
+                <p class="text-end mt-lg mb-xs">
                   Marketing Consultant
                 </p>
-                <p class="text-right">
+                <p class="text-end">
                   <span class="fw-semi-bold">Bob Smith</span>
                 </p>
                 <b-button-toolbar class="mt-lg justify-content-end d-print-none">
-                  <b-button onClick={this.printInvoice} variant="inverse" class="mr-2">
+                  <b-button onClick={this.printInvoice} variant="inverse" class="me-2">
                     <i class="fa fa-print" />
                     &nbsp;&nbsp;
                     Print
@@ -152,7 +152,7 @@
                     Proceed with Payment
                     &nbsp;
                     <span class="circle bg-white">
-                      <i class="fa fa-arrow-right text-success" />
+                      <i class="fa fa-arrow-end text-success" />
                     </span>
                   </b-button>
                 </b-button-toolbar>