From d7ea1030abb0a0fb27d9ec070ded7612f23e9a03 Mon Sep 17 00:00:00 2001
From: Romain Derie <rde@odoo.com>
Date: Mon, 10 Sep 2018 11:28:18 +0200
Subject: [PATCH] [FIX] web_unsplash: row without container not taking all
 width in bs4

This commits add a container to make row full width, it also use bs4 classes to
make the content centered.
It also clean useless DOM.

Task-1878245 (chatter)
---
 .../static/src/xml/unsplash_image_widget.xml  | 34 ++++++++-----------
 1 file changed, 14 insertions(+), 20 deletions(-)

diff --git a/addons/web_unsplash/static/src/xml/unsplash_image_widget.xml b/addons/web_unsplash/static/src/xml/unsplash_image_widget.xml
index 3d18b932dd9..e1104b6014f 100644
--- a/addons/web_unsplash/static/src/xml/unsplash_image_widget.xml
+++ b/addons/web_unsplash/static/src/xml/unsplash_image_widget.xml
@@ -9,21 +9,21 @@
         </div>
     </t>
     <t t-jquery=".existing-attachments" t-operation="after">
-        <div class="unsplash_img_container"></div>
+        <div class="unsplash_img_container container-fluid"></div>
     </t>
 </t>
 
 <t t-name="web_unsplash.dialog.image.content">
     <div class="row mt16" t-as="row" t-foreach="rows">
-        <div class="col-sm-2 o_unsplash_img_cell" t-as="img" t-foreach="row">
+        <div class="col-sm-2 o_unsplash_img_cell text-center" t-as="img" t-foreach="row">
             <div class="o_image o_webimage" t-att-data-imgid="img.id" t-att-data-url="img.urls.regular" t-att-data-download-url="img.links.download_location">
                 <img class="img-fluid" t-att-src="img.urls.thumb" />
             </div>
-            <div class="author_name text-center"><a t-att-href="img.user.links.html" target="_blank"><t t-esc="img.user.name"/></a></div>
+            <div class="author_name"><a t-att-href="img.user.links.html" target="_blank"><t t-esc="img.user.name"/></a></div>
         </div>
     </div>
     <div class="row mt16" t-if="rows.length == 0">
-        <div class="text-center text-muted not-found">
+        <div class="m-auto text-muted not-found">
             <i class="fa fa-camera mr8"/> Photos not found
         </div>
     </div>
@@ -31,8 +31,8 @@
 
 <t t-name="web_unsplash.dialog.error.content">
     <div class="row mt16 text-muted unsplash_error">
-        <t t-if="key_not_found">
-            <div class="text-center">
+        <div class="m-auto text-center">
+            <t t-if="key_not_found">
                 <p class="title">
                     Access key is not set
                 </p>
@@ -45,20 +45,16 @@
                         </div>
                     </div>
                 </div>
-            </div>
-        </t>
-        <t t-elif="status == 403">
-            <div class="text-center">
+            </t>
+            <t t-elif="status == 403">
                 <p class="title">
                     Search is temporary unavailable
                 </p>
                 <div class="details">
                     The max number of searches is exceeded. Please retry in an hour or extend to a better account.
                 </div>
-            </div>
-        </t>
-        <t t-elif="status == 401">
-            <div class="text-center">
+            </t>
+            <t t-elif="status == 401">
                 <p class="title">
                     Unauthorized Key
                 </p>
@@ -71,18 +67,16 @@
                         </div>
                     </div>
                 </div>
-            </div>
-        </t>
-        <t t-else="">
-            <div class="text-center">
+            </t>
+            <t t-else="">
                 <p class="title">
                     Something went wrong
                 </p>
                 <div class="details">
                     Please check your internet connection or contact administrator.
                 </div>
-            </div>
-        </t>
+            </t>
+        </div>
     </div>
 </t>