[IMP] web_editor: align editor columns with editable bounds

Columns added with the "columns" Powerbox commands should be aligned
with the editable element's bounds.

task-3001988

closes odoo/odoo#106747

X-original-commit: fb55f688f6be2211ebeea4ba431a06230c40fb6b
Signed-off-by: David Monjoie (dmo) <dmo@odoo.com>

addons/web_editor/static/src/js/editor/odoo-editor/src/base_style.scss

@@ -8,6 +8,24 @@ li.oe-nested {
         padding: 0.5rem;
     }
 }
+$sizes: 'xs', 'sm', 'md', 'lg', 'xl', 'xxl';
+.o_text_columns {
+    max-width: 100% !important;
+    padding: 0 !important;
+}
+.o_text_columns > .row {
+    margin: 0 !important;
+    @each $size in $sizes {
+        @for $i from 1 through 12 {
+            & > .col-#{$size}-#{$i}:first-of-type {
+                padding-left: 0;
+            }
+            & > .col-#{$size}-#{$i}:last-of-type {
+                padding-right: 0;
+            }
+        }
+    }
+}
 .oe-tabs {
     display: inline-block;
     white-space: pre-wrap;