[FIX] website_sale: alternative products

Improvement of the commit bc146a0a
The image of an alternative product must be centered and the name
of the product must be cut if it's too long for the block
to keep the symetry for each block.

opw:647612

addons/website_sale/views/templates.xml

@@ -487,13 +487,12 @@
           <h3>Suggested alternatives:</h3>
           <div class='row mt16' style="">
           <t t-foreach="product.alternative_product_ids" t-as="product">
-              <div class='col-md-2 thumbnail' style='width: 170px; height:130px; float:left; display:inline; margin-right: 10px;'>
-                  <div class='mt16 text-center'>
-                      <span t-field="product.image_small" t-field-options='{"widget": "image", "class": "img-rounded shadow o_alternative_product" }'/>
+              <div class='col-md-2 thumbnail' style='width: 170px; height:130px; float:left; display:inline; margin-right: 10px; overflow:hidden;'>
+                  <div class='mt16 text-center' style="height: 100%;">
+                      <div t-field="product.image_small" t-field-options='{"widget": "image", "class": "img-rounded shadow o_alternative_product" }'/>
                       <h5>
                           <a t-attf-href="/shop/product/#{ slug(product) }" style="display: block">
-                              <span t-att-title='product.name' t-field='product.name' style="display: block; max-width:100%;
-                              overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"/>
+                              <span t-att-title='product.name' t-field='product.name' style="display: block;"/>
                           </a>
                       </h5>
                   </div>