Margin setting in NG Client less file

Questions
1

Hi All,

I am working in NG Desktop client. I have set the margin in less file, but only margin-top and margin-left is working while margin-bottom and margin-right does not have any effect.

When margin-left and margin-bottom is applied, field get moved resulting in some part is cut (as shown in screenshot).

My style defined in less file is:

.svy-field
{
	text-align: left; 
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
	font-weight: normal;
}

Any help is highly appreciated.

Regards

Margin-left.PNG

2

ngdesktop is just a wrapper around chromium
So see you the same thing in chrome? And if so inspect with the developer tools what really is happening (i think you can do the same in ngdesktop launched from the developer, the menu allows you to open up the developer tools)
Then you should be able to see what is applied and what is really happening css wise.

3

Yes, I have used Developer tool to inspect what is being implemented. and I have applied different margins at runtime using inspect tool, but I have observed that margin-bottom and margin-right does not produce effect on fields while margin-top and margin-left do produce effect.

Regards

4

Perhaps, you should be using padding instead of margins. See the CSS box style here:

I hope this helps!

5

Thanks Kim.

I will try using padding. Probably I need to mark this as important so it may not overridden at any level.

Regards.