[FIX] web: allow radio fields to wrap horizontally

This commit adds the possibility for the `.o_horizontal` class to wrap,
which is especially interesting in mobile.

When using a `radio` widget, you can choose to use two options :

- `horizontal` which will add a `.o_horizontal` class to the radios
and allow them to display with a `flex-row`

- `vertical` which will add a `.o_vertical` class to the radios
and allow them to display with a `flex-column`

Prior to this commit, the `.o_horizontal` class was not allowing elements
to wrap, which would cause overflow issues on small devices.

To fix this issue, we add a `flex-wrap` property to the class, to ensure
that if the buttons are larger than the breakpoint, they will wrap
and stay inside the container.

task-3580082

closes odoo/odoo#140651

Signed-off-by: Pierre Paridans (app) <app@odoo.com>

addons/web/static/src/views/fields/radio/radio_field.scss

@@ -15,6 +15,8 @@
 
     .o_horizontal {
         display: inline-flex;
+        flex-wrap: wrap;
+
         .o_radio_item {
             margin-right: $o-form-spacing-unit * 2;
         }
@@ -26,4 +28,4 @@
             margin-bottom: $o-form-spacing-unit;
         }
     }
-}
+}