Can anybody give me the css to make this happen?

 

I assume that you are working on this form. Please allow me some time to find correct CSS code. Once I find correct code I will inform you via this thread. 

Please add this CSS code to your Matrix Dynamique Custom CSS field:

td.c0 {

    padding-left: 5px!important;

    width:40px!important;

}

td.c1 {

    padding: 0px!important;

    width:40px!important;

}

td.Button, td.matrixButton {

    text-align: left!important;

    width: 30px;

    padding-left: 10px!important;

}

table {

    width: 60%!important;

}

After that your form will look like this. 

Here is my cloned form with mentioned CSS code:

Feel free to clone it.

Hope this will help. Let us know if you need further assistance.

Thanks,
This will help.
Could you please delete the links I made my forms private in my settings. You can leave the CSS part up it should be helpful to others as the default is too wide to fit much on a mobile device.
Thanks again
...

I had now removed any form URL in the discussion thread.

Thank you for the confirmation that the solution provided by our colleague helped.

Contact us anytime should you require assistance again.