Change margin right css

[enricorossa]

Hello, I would like to change the right margin of the css but I can't find the right section in the css, can someone help me? thank you

[eymen-elkum]

Hello, have you added any custom css because in the default behaviour it must not has right margin,

The list view has max width so in the large screens you will see it has right and left margins at the same time,

I can give you custom css code to change the max width but first must ensure that it is the problem

[enricorossa]

hi, I added my css in client \ custom \ css \ espo-vertical.css indicating it in the custom file \ Espo \ custom \ Resources \ metadata \ app \ client.json and I'm customizing this file, currently I have only added the border- bottom in the navbar tab no other changes

[eymen-elkum]

so you want the table to be full-width right?

[eymen-elkum]

In the case you want the list table to take the full width in large screens you can use this code:

@media screen and (min-width: 768px){
    body > #content {
        max-width: 3800px;
    }
} 

[enricorossa]

I added,

.container>#main
{ 
    margin-right:-200px;

} 

do you think your solution is better?

[eymen-elkum]

yes, because your solution will made unexpected behaviours on small screens

[enricorossa]

Thanks, it's very kind of you

[eymen-elkum]

you are welcome

[enricorossa]

sorry if I still disturb you but in case of collapse of the sidebar a wide right margin remains

[eymen-elkum]

I updated the css code to this:

@media screen and (min-width: 768px){
    body > #content , body.minimized #content{
        max-width: 3800px;
    }
} 

[enricorossa]

I modified the code as you posted and in addition I also had to modify

From

    body.minimized #content
    {
    padding-left:53px;
    max-width:1538px
    }

To

    body.minimized #content
    {
    padding-left:53px;
    max-width:3800px
    }

[enricorossa]

You have been very kind again thanks

[eymen-elkum]

my pleasure