You can get this kind of design:
With this inherited View:
<data>
<button name="action_menu" position="before">
<field name="id" class="o_workorder_icon_btn" widget="back_arrow" readonly="1"/>
</button>
<div class="workorder_bar" position="replace"/>
<div class="workorder_actions" position="after">
<div class="workorder_bar">
<table width="100%">
<tr>
<td style="padding-bottom:10px;">
<span>Step: <field name="name" readonly="1"/></span><br/>
<span>W/O: <field name="workcenter_id" readonly="1"/></span>
</td>
<td style="padding-bottom:10px;">
<span>Product: <field name="product_id" readonly="1"/></span><br/>
<span>Needed: <field name="qty_producing"
attrs="{'readonly': ['|', '|', ('allow_producing_quantity_change', '=', False),
('product_tracking', '=', 'serial'),
('state', 'in', ('done', 'cancel'))]}"
required="1"/>
<label for="product_uom_id" string=""/>
<field name="product_uom_id" options="{'no_open': True}" readonly="1"/>
</span>
<span> / Remaining: <field name="qty_remaining"/>
<label for="product_uom_id" string="" class="oe_inline"/>
<field name="product_uom_id" options="{'no_open': True}" readonly="1"/>
</span>
</td>
<td style="padding-bottom:10px;">
<span>User: <field name="user_id" readonly="1"/></span><br/>
<span>M/O: <field name="production_id" readonly="1"/></span>
</td>
<td style="padding-bottom:10px;">
<span>Final </span><br/>
<span attrs="{'invisible': [('product_tracking', '!=', 'lot')]}">Lot: </span>
<span attrs="{'invisible': [('product_tracking', '!=', 'serial')]}">Serial: </span>
</td>
<td style="padding-bottom:20px;">
<div attrs="{'invisible': [('product_tracking', '=', 'none')]}">
<field name="finished_lot_id"
context="{'default_product_id': product_id, 'default_company_id': company_id}"
domain="[('id', 'in', allowed_lots_domain)]"/>
<button name="action_generate_serial" type="object" class="btn btn-secondary fa fa-plus-square-o"
aria-label="Creates a new serial/lot number" title="Creates a new serial/lot number"
role="img" attrs="{'invisible': [('finished_lot_id', '!=', False)]}"/>
</div>
</td>
</tr>
</table>
</div>
</div>
</data>