[FIX] website_shift: Better position for help text

On a small screen help texts appear on the top of the page leaving
useful info on the bottom. Now help texts is moved on the bottom of the
page.

beesdoo_website_shift/views/my_shift_website_templates.xml

@@ -655,7 +655,7 @@
       <section class="wrap">
         <div class="container">
           <div class="row">
-            <div class="col-xs-12 col-md-4 pull-right">
+            <div class="col-xs-12 col-md-4 pull-right text-justify">
 
               <t t-call="beesdoo_website_shift.my_shift_worker_status_title"/>
 
@@ -683,12 +683,6 @@
 
               <div class="oe_structure"/>
 
-              <t t-call="beesdoo_website_shift.help_text_title"/>
-              <t t-call="beesdoo_website_shift.help_text_common"/>
-              <t t-call="beesdoo_website_shift.help_text_regular_worker"/>
-
-              <div class="oe_structure"/>
-
             </div>
 
             <div class="col-xs-12 col-md-8">
@@ -698,6 +692,18 @@
               <t t-call="beesdoo_website_shift.my_shift_past_shifts"/>
 
             </div> <!-- col-md-8 -->
+
+            <div class="col-xs-12 col-md-4 text-justify">
+
+              <div class="oe_structure"/>
+
+              <t t-call="beesdoo_website_shift.help_text_title"/>
+              <t t-call="beesdoo_website_shift.help_text_common"/>
+              <t t-call="beesdoo_website_shift.help_text_irregular_worker"/>
+
+              <div class="oe_structure"/>
+
+            </div> <!-- col-md-4 -->
           </div> <!-- row -->
         </div> <!-- container -->
       </section>
@@ -719,7 +725,7 @@
       <section class="wrap">
         <div class="container">
           <div class="row">
-            <div class="col-xs-12 col-md-4 pull-right">
+            <div class="col-xs-12 col-md-4 pull-right text-justify">
 
               <t t-call="beesdoo_website_shift.my_shift_worker_status_title"/>
 
@@ -747,12 +753,6 @@
 
               <div class="oe_structure"/>
 
-              <t t-call="beesdoo_website_shift.help_text_title"/>
-              <t t-call="beesdoo_website_shift.help_text_common"/>
-              <t t-call="beesdoo_website_shift.help_text_irregular_worker"/>
-
-              <div class="oe_structure"/>
-
             </div>
 
             <div class="col-xs-12 col-md-8">
@@ -793,6 +793,18 @@
               <t t-call="beesdoo_website_shift.my_shift_past_shifts"/>
 
             </div> <!-- col-md-8 -->
+
+            <div class="col-xs-12 col-md-4 text-justify">
+
+              <div class="oe_structure"/>
+
+              <t t-call="beesdoo_website_shift.help_text_title"/>
+              <t t-call="beesdoo_website_shift.help_text_common"/>
+              <t t-call="beesdoo_website_shift.help_text_irregular_worker"/>
+
+              <div class="oe_structure"/>
+
+            </div> <!-- col-md-4 -->
           </div> <!-- row -->
         </div> <!-- container -->
       </section>