[FIX] web, *: adapt oi-close and corner arrow icons

*: mail, pos_sale, pos_self_order, website_sale

=== `oi-close` adaptation ===
Prior to this commit, `oi-close` icon was based on the default
sans-serif font. Depending on this, there could be alignment and size
inconsistencies with the Odoo UI icon library.

This commit adapts `oi-close` to use a custom icon from the UI icon
library to make it more robust and maintain consistency with this
library.

=== corner arrow icons adaptation ===
Prior to this commit, directional icons related to the four corners were
misaligned.

This commit adapts these four icons so that they are properly aligned.

task-3618046

closes odoo/odoo#144598

Signed-off-by: Aaron Bohy (aab) <aab@odoo.com>

addons/mail/static/src/core/web/chatter.scss

@@ -6,10 +6,6 @@
     display: none;
 }
 
-.o-mail-Chatter-close {
-    width: $o-statusbar-height;
-}
-
 .o-mail-Chatter-top {
     z-index: $o-mail-NavigableList-zIndex - 2;
     background-color: $o-webclient-background-color;

addons/mail/static/src/core/web/chatter.xml

@@ -68,7 +68,7 @@
                     </button>
                 </div>
                 <button t-if="props.close" class="o-mail-Chatter-close btn btn-secondary flex-shrink-0 ms-2" aria-label="Close" t-on-click="props.close">
-                    <i class="oi oi-large oi-close"/>
+                    <i class="oi oi-close"/>
                 </button>
             </div>
             <t t-if="state.composerType">

addons/pos_self_order/static/src/app/pages/stand_number_page/stand_number_page.xml

@@ -21,7 +21,7 @@
                     <div t-on-click="numberClick" data="8"  class="touch-key col btn btn-light d-flex align-items-center justify-content-center border rounded-0 fs-1">8</div>
                     <div t-on-click="numberClick" data="9"  class="touch-key col btn btn-light d-flex align-items-center justify-content-center border rounded-0 fs-1">9</div>
                     <div t-on-click="numberClick" data="clear"  class="touch-key col btn btn-light d-flex align-items-center justify-content-center border rounded-0 fs-1">
-                        <i class="fa oi-close" aria-hidden="true"></i>
+                        <i class="oi oi-close" aria-hidden="true"></i>
                     </div>
                     <div t-on-click="numberClick" data="0"  class="touch-key col btn btn-light d-flex align-items-center justify-content-center border rounded-0 fs-1">0</div>
                     <div t-on-click="numberClick" data="reset"  class="touch-key col btn btn-light d-flex align-items-center justify-content-center border rounded-0 fs-1">&#9003;</div>

addons/web/static/lib/odoo_ui_icons/style.css

@@ -21,12 +21,6 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.oi-close:before {
-  content: '\00d7';
-  font-family: sans-serif;
-  font-weight: bold;
-}
-
 .oi-view-pivot:before { content: '\e800'; }
 .oi-text-break:before { content: '\e801'; }
 .oi-text-inline:before { content: '\e802'; }
@@ -64,3 +58,4 @@
 .oi-unarchive:before { content: '\e863'; }
 .oi-text-effect:before { content: '\e827'; }
 .oi-smile-add:before { content: '\e84e'; }
+.oi-close:before { content: '\e852'; }

addons/web/static/src/core/tags_list/tags_list.xml

@@ -38,7 +38,7 @@
                 <a
                     t-if="tag.onDelete"
                     t-on-click.stop.prevent="(ev) => tag.onDelete and tag.onDelete(ev)"
-                    class="o_delete opacity-100-hover"
+                    class="o_delete d-flex align-items-center opacity-100-hover"
                     t-att-class="{
                             'btn btn-link position-relative py-0 px-1 text-danger opacity-0': tag.img,
                             'ps-1 opacity-75': !tag.img

addons/web/static/src/views/list/list_controller.xml

@@ -110,7 +110,7 @@
                     </a>
                 </t>
                 <a href="#" title="Unselect All" class="o_list_unselect_all btn btn-link py-0" t-on-click="onUnselectAll">
-                    <i class="oi oi-close oi-large align-text-bottom"/>
+                    <i class="oi oi-close"/>
                 </a>
             </span>
         </div>

addons/website_sale/views/templates.xml

@@ -889,7 +889,7 @@
                     <input t-if="category" type="hidden" name="category" t-att-value="category.id" />
                     <input type="hidden" name="search" t-att-value="search" />
                     <input type="hidden" name="order" t-att-value="order"/>
-                    <a t-if="attrib_values or tags" t-att-href="keep('/shop'+ ('/category/'+slug(category)) if category else None, attrib=0, tags=0)" t-attf-class="btn btn-{{navClass}} d-flex py-1 mb-2">
+                    <a t-if="attrib_values or tags" t-att-href="keep('/shop'+ ('/category/'+slug(category)) if category else None, attrib=0, tags=0)" t-attf-class="btn btn-{{navClass}} d-flex align-items-center py-1 mb-2">
                         <small class="mx-auto"><b>Clear Filters</b></small>
                         <i class="oi oi-close"/>
                     </a>