Adjust the content panel width

For some use cases, you might want the content panel to have more or less width compared to the map.

You can adjust the width of the content panel using the CSS editor.

By default, the content panel is set to 21% width and a minimum of 400px.

Here is an example that will set the width of the content panel to 30% and its minimum width to 450px.

/* Increase width of content panel */
.layout-landscape {
grid-template-columns: minmax(450px, 30%) minmax(0, 1fr) !important;
}

Note that if you want to decrease the width of the content panel, you will need to decrease both the width % and minimum width.
Here is an example that will set the width of the content panel to 15% and its minimum width to 250px.

/* Decrease width of content panel */
.layout-landscape {
grid-template-columns: minmax(250px, 15%) minmax(0, 1fr) !important;
}