[REF] *: BS4, adapt col-related classes

col-lg-* -> col-xl-*
col-md-* -> col-lg-*
col-sm-* -> col-md-*
col-xs-* -> col-*

col-lg-offset-* -> offset-xl-*
col-md-offset-* -> offset-lg-*
col-sm-offset-* -> offset-md-*
col-xs-offset-* -> offset-*

col-lg-pull-* -> order-xl-1
col-md-pull-* -> order-lg-1
col-sm-pull-* -> order-md-1
col-xs-pull-* -> order-1

col-lg-push-* -> order-xl-2
col-md-push-* -> order-lg-2
col-sm-push-* -> order-md-2
col-xs-push-* -> order-2

2 files changed, 33 insertions, 33 deletions

diff --git a/addons/website_links/views/website_links_graphs.xml b/addons/website_links/views/website_links_graphs.xml
index eb0e4ce22ef..772d6787e39 100644
--- a/addons/website_links/views/website_links_graphs.xml
+++ b/addons/website_links/views/website_links_graphs.xml
@@ -16,7 +16,7 @@
                 <div class="o_website_links_chart">
                     <div class="container">
                         <div class="row mt8">
-                            <div class="col-sm-12">
+                            <div class="col-md-12">
                                 <ol class="breadcrumb">
                                   <li class="breadcrumb-item"><a href="/r">Link Tracker</a></li>
                                   <li class="breadcrumb-item active"><t t-esc="title"/></li>
@@ -30,21 +30,21 @@
                         <h1 class="page-header mt0"><t t-esc="title"/></h1>
 
                         <div class="row">
-                            <div class="col-sm-8">
+                            <div class="col-md-8">
                                 <div class="row">
-                                    <div class="col-sm-4 col-xs-11">
+                                    <div class="col-md-4 col-11">
                                         <p><strong>Original URL</strong></p>
                                     </div>
-                                    <div class="col-sm-8 col-xs-11">
+                                    <div class="col-md-8 col-11">
                                         <p class="truncate_text"><a t-att-href="url"><t t-esc="url"/></a></p>
                                     </div>
                                 </div>
 
                                 <div class="row">
-                                    <div class="col-sm-4">
+                                    <div class="col-md-4">
                                         <p><strong>Tracked Link</strong></p>
                                     </div>
-                                    <div class="col-sm-8">
+                                    <div class="col-md-8">
                                         <p>
                                             <span class="o_website_links_short_url" id="short_url"><span id="short-url-host"><t t-esc="short_url_host"/></span><span id="o_website_links_code"><t t-esc="code"/></span></span>
                                             <span class="o_website_links_edit_tools" style="display:none;">
@@ -60,21 +60,21 @@
                                 </div>
 
                                 <div class="row">
-                                    <div class="col-sm-4 col-xs-12">
+                                    <div class="col-md-4 col-12">
                                         <p><strong>Redirected URL</strong></p>
                                     </div>
-                                    <div class="col-sm-8 col-xs-11" style="word-wrap:break-word;">
+                                    <div class="col-md-8 col-11" style="word-wrap:break-word;">
                                         <t t-esc="redirected_url"/>
                                     </div>
                                 </div>
                             </div>
-                            <div class="col-sm-4">
+                            <div class="col-md-4">
                                 <t t-if="campaign_id">
                                     <div class="row">
-                                        <div class="col-sm-4">
+                                        <div class="col-md-4">
                                             <p><strong>Campaign</strong></p>
                                         </div>
-                                        <div class="col-sm-8">
+                                        <div class="col-md-8">
                                             <p><t t-esc="campaign_id[1]"/></p>
                                         </div>
                                     </div>
@@ -82,10 +82,10 @@
 
                                 <t t-if="medium_id">
                                     <div class="row">
-                                        <div class="col-sm-4">
+                                        <div class="col-md-4">
                                             <p><strong>Medium</strong></p>
                                         </div>
-                                        <div class="col-sm-8">
+                                        <div class="col-md-8">
                                             <p><t t-esc="medium_id[1]"/></p>
                                         </div>
                                     </div>
@@ -93,10 +93,10 @@
 
                                 <t t-if="source_id">
                                     <div class="row">
-                                        <div class="col-sm-4">
+                                        <div class="col-md-4">
                                             <p><strong>Source</strong></p>
                                         </div>
-                                        <div class="col-sm-8">
+                                        <div class="col-md-8">
                                             <p><t t-esc="source_id[1]"/></p>
                                         </div>
                                     </div>
@@ -115,17 +115,17 @@
                         </h1>
 
                         <div class="row">
-                            <div class="col-sm-12 mb8">
+                            <div class="col-md-12 mb8">
                                 <div class="tab-content">
 
                                     <!-- All Time Charts -->
                                     <div role="tabpanel" class="tab-pane active" id="all_time_charts">
                                         <div class="row">
-                                            <div class="col-sm-7 website_links_click_chart" id="all_time_clicks_chart">
+                                            <div class="col-md-7 website_links_click_chart" id="all_time_clicks_chart">
                                                 <h3 class="title"></h3>
                                                 <svg style="height:20em;"></svg>
                                             </div>
-                                            <div class="col-sm-5 website_links_click_chart" id="all_time_countries_charts">
+                                            <div class="col-md-5 website_links_click_chart" id="all_time_countries_charts">
                                                 <h3 class="title"></h3>
                                                 <svg style="height:20em;"></svg>
                                             </div>
@@ -135,11 +135,11 @@
                                     <!-- Last Month Charts -->
                                     <div role="tabpanel" class="tab-pane" id="last_month_charts">
                                         <div class="row">
-                                            <div class="col-sm-7 website_links_click_chart" id="last_month_clicks_chart">
+                                            <div class="col-md-7 website_links_click_chart" id="last_month_clicks_chart">
                                                 <h3 class="title"></h3>
                                                 <svg style="height:20em;"></svg>
                                             </div>
-                                            <div class="col-sm-5 website_links_click_chart" id="last_month_countries_charts">
+                                            <div class="col-md-5 website_links_click_chart" id="last_month_countries_charts">
                                                 <h3 class="title"></h3>
                                                 <svg style="height:20em;"></svg>
                                             </div>
@@ -149,11 +149,11 @@
                                     <!-- Last Week Charts -->
                                     <div role="tabpanel" class="tab-pane" id="last_week_charts">
                                         <div class="row">
-                                            <div class="col-sm-7 website_links_click_chart" id="last_week_clicks_chart">
+                                            <div class="col-md-7 website_links_click_chart" id="last_week_clicks_chart">
                                                 <h3 class="title"></h3>
                                                 <svg style="height:20em;"></svg>
                                             </div>
-                                            <div class="col-sm-5 website_links_click_chart" id="last_week_countries_charts">
+                                            <div class="col-md-5 website_links_click_chart" id="last_week_countries_charts">
                                                 <h3 class="title"></h3>
                                                 <svg style="height:20em;"></svg>
                                             </div>
diff --git a/addons/website_links/views/website_links_template.xml b/addons/website_links/views/website_links_template.xml
index 04614feb8eb..370ab1687ed 100644
--- a/addons/website_links/views/website_links_template.xml
+++ b/addons/website_links/views/website_links_template.xml
@@ -32,45 +32,45 @@
                     <div class="notification"></div>
 
                     <div class="row">
-                        <div class="col-sm-7">
+                        <div class="col-md-7">
                             <form class="form-horizontal" id="o_website_links_link_tracker_form">
 
                                 <div class="form-group" id="url-form-group">
-                                    <label class="col-sm-3 control-label text-left">URL</label>
+                                    <label class="col-md-3 control-label text-left">URL</label>
 
-                                    <div class="col-sm-9">
+                                    <div class="col-md-9">
                                         <input type="text" id="url" class="form-control required-form-control"  required="True" placeholder="e.g. https://www.odoo.com/page/contactus" t-att-value="u"/>
                                     </div>
                                 </div>
 
                                 <div class="o_website_links_utm_forms">
                                     <div class="form-group">
-                                        <label class="col-sm-3 control-label">Campaign <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" role="img" aria-label="Tooltip info" title="Defines the context of your link. It might be an event you want to promote or a special promotion."></i></label>
+                                        <label class="col-md-3 control-label">Campaign <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" role="img" aria-label="Tooltip info" title="Defines the context of your link. It might be an event you want to promote or a special promotion."></i></label>
 
-                                        <div class="col-sm-9">
+                                        <div class="col-md-9">
                                             <input type="hidden" class="form-control" id="campaign-select"/>
                                         </div>
                                     </div>
 
                                     <div class="form-group">
-                                        <label class="col-sm-3 control-label">Medium <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" role="img" aria-label="Tooltip info" title="Defines the medium used to share your link. It might be an email, or a Facebook Ads for instance."></i></label>
+                                        <label class="col-md-3 control-label">Medium <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" role="img" aria-label="Tooltip info" title="Defines the medium used to share your link. It might be an email, or a Facebook Ads for instance."></i></label>
 
-                                        <div class="col-sm-9">
+                                        <div class="col-md-9">
                                             <input type="hidden" class="form-control" id="channel-select" />
                                         </div>
                                     </div>
 
                                     <div class="form-group">
-                                        <label class="col-sm-3 control-label">Source <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" role="img" aria-label="Tooltip info" title="Defines the source from which your traffic will come from, Facebook or Twitter for instance."></i></label>
+                                        <label class="col-md-3 control-label">Source <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="top" role="img" aria-label="Tooltip info" title="Defines the source from which your traffic will come from, Facebook or Twitter for instance."></i></label>
 
-                                        <div class="col-sm-9">
+                                        <div class="col-md-9">
                                             <input type="hidden" class="form-control" id="source-select" />
                                         </div>
                                     </div>
                                 </div>
 
                                 <div class="form-group">
-                                    <div class="col-sm-offset-3 col-sm-9">
+                                    <div class="offset-md-3 col-md-9">
                                         <button type="submit" class="btn btn-primary" id="btn_shorten_url" data-clipboard-text="">Get tracked link</button>
 
                                         <span id="generated_tracked_link" style="display:none;" class="text-muted"></span>
@@ -79,7 +79,7 @@
                             </form>
                         </div>
 
-                        <div class="col-sm-offset-1 col-sm-3 d-none d-md-block">
+                        <div class="offset-md-1 col-md-3 d-none d-md-block">
                             <p class="text-muted text-justify">Share this page with a <strong>short link</strong> that includes <strong>analytics trackers</strong>.</p>
                             <p class="text-muted text-justify">Those trackers can be used in Google Analytics to track clicks and visitors, or in Odoo reports to track opportunities and related revenues.</p>
                         </div>