Can't set padding of canvas to zero or nothing

Hello,

I have a custom mini panel and as I was theming it, I saw that this code:

.panels-flexible-1 .panels-flexible-region-inside {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

I override the code with CSS until I saw that I could change this value in Canvas Settings in the layout manager.

I changed the value of "Column separation", "Region separation", and "Region separation" to:

• nothing (I removed the value): nothing happened.
• 0: nothing happened
• 1px: it changed to 1px
• 0px: it changed to 0px

Conclusion: the Canvas Settings in the layout manager must have a unit for them to be applied.

Please correct me if I'm wrong, but this seems to be a little misleading. I think that a note saying that it needs a unit or a functionality that adds "0px" to the empty inputs when saved.

Sample code (untested):

$("#panels-flexible-config-item-form").submit(function() {
    $("[id$='separation']").each(function() {
        if( !$(this).val() ) {
            $(this).val("0px");
        }
      });
});

Thanks!