hunk.code_window:         --columns: 1;
           gap: map-get($spacers, 2) $o-horizontal-padding;
           .o_wrap_label {
               @include o-label-style;
           }
           span, .o_field_boolean, .oe_avatar, .o_form_uri {
               &.o_field_widget {
                   width: auto;
               }
           }
  
hunk.labels: keep keep keep replace replace replace replace keep keep keep keep keep
hunk.file_path: addons/web/static/src/views/form/form_controller.scss
hunk.type: replace
file: <?xml version="1.0" encoding="UTF-8"?>
  <templates xml:space="preserve">
  
  <t t-name="web.Form.OuterGroup" owl="1">
      <div class="o_group row g-2 gx-lg-5 align-items-start" t-attf-class="{{ allClasses }} {{ props.hasOuterTemplate and props.class ? '' : 'my-3' }}" t-att-style="props.style">
          <t t-slot="title" t-if="props.slots.title" />
          <t t-foreach="getItems()" t-as="item" t-key="item_index">
              <span class="o_newline" t-if="item.newline" />
              <t t-slot="{{ item.name }}" className="item.colspan !== props.maxCols ? 'col-lg-' + item.size : ''"/>
          </t>
      </div>
  </t>
  
  <t t-name="web.Form.InnerGroup" owl="1">
      <div t-attf-class="{{ allClasses }}" class="o_inner_group grid" t-if="props.slots" t-att-style="props.style">
          <div t-if="props.slots.title" t-attf-class="g-col-sm-{{ props.maxCols }}">
              <t t-slot="title" />
          </div>
          <div t-foreach="getRows()" t-as="row" t-key="row_index" class="o_wrap_field d-flex d-sm-contents flex-column mb-3 mb-sm-0" t-if="row.isVisible">
              <t t-foreach="row" t-as="cell" t-key="cell_index">
  
                  <t t-if="cell.subType === 'item_component'">
                      <div class="o_cell o_wrap_label flex-grow-1 flex-sm-grow-0 w-100 text-break">
                          <t t-component="cell.Component" t-if="cell.isVisible" t-props="cell.props"/>
                      </div>
                      <div
                          class="o_cell o_wrap_input flex-grow-1 flex-sm-grow-0" 
                          t-attf-style="{{ cell.itemSpan -1 > 1 ? 'grid-column: span ' + (cell.itemSpan -1) + ';' : '' }}{{ cell.width ? 'width: ' + cell.width + '%' + ';' : '' }}"
                      >
                          <t t-slot="{{ cell.name }}" />
                      </div>
                  </t>
  
                  <t t-else="">
                      <div
                          class="o_cell flex-grow-1 flex-sm-grow-0"
                          t-attf-style="{{ cell.itemSpan > 1 ? 'grid-column: span ' + cell.itemSpan + ';' : '' }}{{ cell.width ? 'width: ' + cell.width + '%' + ';' : '' }}"
                          t-attf-class="{{ cell.subType === 'label' ? 'o_wrap_label w-100 text-break' : null }}"
                          t-if="cell.isVisible">
                          <t t-slot="{{ cell.name }}" />
                      </div>
                  </t>
  
              </t>
          </div>
      </div>
  </t>
  
  </templates>
  