How I can reduse side panel width ?

[iioi]

How I can reduse side panel width (screenshot in attach)?

[shalmaxb]

in CSS it is this class

.record .record-grid {

1. display: grid;
2. grid-column-gap: 15px;
3. grid-template-columns: minmax(auto,67%) minmax(auto,33%);

}

You can set 67% to e.g. 75% and 33% to 25%

To make it update safe, you have to create a custom css file in client/custom/css/yourfile.css.

But I do not know, how that would affect side wide.

[iioi]

thank you for your answer.
I change this class direct in espocrm code (in hazyblue-vertical.css) with rebuild/clean cache, but it do not decrease side panel width

[shalmaxb]

you must purge browser cache. And if you change this in the original file, it will jump back to the normal view after update.

[yuri]

You'd better use a custom CSS. https://docs.espocrm.com/development/custom-css/

[iioi]

Sure, at first I use custom CSS,after negative result I change espocrm code directly

[shalmaxb]

If it did not work in custom.css it has to do nearly 100% with cache issue from browser. Delete the cache, if it does not work, switch off the browser and switch on again.
If it does not work, see, if you got the right line in css. The respective code is around line 9847 to 9856, depending on your choosen layout (wide etc.).

And one recommendation: NEVER (really never) change anything in the espoCRM code, only in custom.

[iioi]

[TEXT CHANGED]
Thank you very match for your answer.
I've got a mistake - After css changing right pane width changed, I've missed it.
I've changed espocrm directry cause of missed width changed
I use special espocrm instance for test purposes, and reinstall it every few weeks.
To avoid cache issues I use portable browser and remove data folder in portaple installation.