@sdetweil There is no image/img Tag at all.
I have a class module-content that covers the whole
module. In that div there is a canvas, that canvas is more narrow in a sence that the red marked area is missing.

@sdetweil thank you for the reply.
I used the Developer-Console but I did not see the img.style.left.

The CSS code provided does
not change the behaviour unfortunately.

Hi, I would like to remove the space on the right hand side (red marked) so that the module sticks to the mirrors border, the same way the weather module does.

I’ve tried a lot with custom.css already but I can’t manage to finally remove it.

The client is a raspberry pi.
192.168.0.23:8036 is reachable without problems.

First try seems to work
I’ve changed to:

ipWhitelist: [],

and

ports: "8036:8080"

I will check that and come back if there is still an issue.

Thank you guys!

I have still not fixed this.

Servers IP: 192.168.0.23 (local Port 8036, container-port: 8080)

On the client I get the following error:

Unable to connect to server: (Error: Unable to read config from server (http://192.168.0.23:8036/config/ (connect ECONNREFUSED 192.168.0.23:8036)

The servers config is set to:

        address: "0.0.0.0",
	port: 8080,
	basePath: "/", 	
	ipWhitelist: ['0.0.0.0/0', '127.0.0.1', '::ffff:127.0.0.1', '::1', '192.168.0.0/24', '172.17.0.0/24'], 

Any ideas why the client wont get the servers config?

@sdetweil hope this is what you asked for:

@sdetweil please find my config.js below:

		{
			module: "MMM-RAIN-MAP",
			position: "top_right",
			config: {
				animationSpeedMs: 400,
			colorScheme: 4,
				colorizeTime: false,
				defaultZoomLevel: 11,
				displayTime: true,
				displayTimeline: true,
				displayClockSymbol: false,
				displayOnlyOnRain: false,
				extraDelayLastFrameMs: 300,
				extraDelayCurrentFrameMs: 3000,
				markers: [
					{ lat: XX.XXX, lng: X.XXX, color: "red" },
				],
				mapPositions: [
					{ lat: XX.XXX, lng: XXXX, zoom: 11, loops: 1 },
				],
				mapUrl: "https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_all/{z}/{x}/{y}.png",
			//	mapUrl: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
				mapHeight: "315px", // must be a pixel value (no percent)
				mapWidth: "315px", // must be a pixel value (no percent)
				maxHistoryFrames: 2,
				maxForecastFrames: -1,
				substitudeModules: [],
				updateIntervalInSeconds: 300,
			}
		},

Here are my Screenhots of the development mode:
Rain Map

Calendar

On the Top-Right area I’m using the weather module, underneath that the MMM-RAIN-MAP module and underneath that the calendar module.

Currently (as you can see on the screenshot) the MMM-RAIN-MAP module overlays the calendar module. Above the MMM-RAIN-MAP module you can see the red circled header/title of the calendar module, underneath that you see the rain map and underneath that you see the blackened calendar entries.

The header/title of the calendar module is of course supposed to show up underneath the rain map module.

Any idea about how to fix that?

@mmrize and @sdetweil
Yeah, I’ve seen solutions using a htaccess file and

Access-Control-Allow-Origin: https://amazing.site

as content.

Anyhow, I fixed it now placing the remote file on my server and not a remote web-server.
You can enter the local path and filename as stated here.

That worked for me.

@sdetweil I’m using clientonly so on the client itself, the config wont have any affect, right? Furthermore on the server side there already is set 0.0.0.0