You could try adding this CSS style:
.custom-attributes .attribute-value { float:right }
Ever since WordPress 4.7, you can now add custom CSS styles right in the Customizer. You can do this in your WordPress dashboard –> Appearance –> Customize. Then, click on “Additional CSS.” Inside the Customizer, navigate to one of your product pages so that you can test this CSS and preview how it will appear.
Sadly that puts it to the far right of the screen, would it be possible to have it with similar spacing to the above? also the first attribute loads center screened
please see screenshot.

okay so by using the following
.custom-attributes .attribute-value { float:right; display:block; width:200px }
i got the following result: 
but strap/band material still loads centered.
so i got close, but i used
.custom-attributes {float:left;font-weight:bold }
.custom-attributes .attribute-value { float:right; display:block; width:200px; font-weight:normal }
how ever this brought the left aligned attribute titles to line up under the “straps/band” instead of moving it above the others to the left.