.divTableCell:first-of-type {
display: none;
}
.divTableRow > div:nth-child(2) {
display: none;
}

That is the right hint :thumbs_up: you gave, I would never get it by my own.
Many thanks!
The Mirror is looking more and more nice with such small points :grinning_face:

.divTableCell:first-of-type {
    display: none;
} 
.divTableRow > div:nth-child(2) {
    display: none;
}

I just saw this thread and think I can offer some assistance. I wrote and maintain the MMM-Todoist module.

That space that you’re seeing is where the Todo Priority would be displayed if you set a priority.

Like this (the red bar):

If you have no need for that and want to remove the space the quickest “hack” you can do is:

1. Open /modules/MMM-Todoist/MMM-Todoist.js
2. Comment out these 2 lines:

divRow.appendChild(this.addPriorityIndicatorCell(item));
divRow.appendChild(this.addColumnSpacerCell());

Line 592 and 593.

3. Save and reload MagicMirror.
4. Do a local commit (git commit -a)

That will remove the space however, every time you update module you might have to deal with a merge conflict.

More advanced:
You could also fork the repo, clone the new repo into your modules folder make, the changes, commit, push. You could then pull the upstream changes when you wanted to update.

u can define a spacerCell class in custom.css and then be able to edit it here, but maybe this would be enough

.MMM-Todoist .spacerCell {
display: none;
}

I assume 1 (marked in red 1) is exactly the space I want to get rid off.
And ! seems to me related to 2 (marked in red 2) , what in english is [space]

Could it be I have to do any in custom.css regarding the both lines with spacecells in it?

It’s tricky as I use MMM-Carousel and every time I click to expand it switch back.

yes, sometimes you have to just use the one module to be able to explore effectively

Have commented out MMM-Carousel and see that

Don’t know how to get the red round marked off

Can’t see how to fix this the empty space mentioned by @Stoffbeuteluwe

Windows PC to pi server

before starting examine the ~/MagicMirror/index.html file, this is the layout of the page, and all content is inserted into these positions (position: of module definition in config.js)

hit keyboard keys, ctrl, shift and letter i.

dev window. opens on right side of screen
select the tab labeled elements
expand the tree to locate the module content. (module position is important)

look at time value,

then select the time value in dom tree

notice the class list, bottom of the screen circled, and the individual classes are shown on the right, top is closest to the element, bottom is closest to t main.css

u can edit the top right, and add element styles.

it’s css class tree is shown on the bottom of the dev window. nearer the element on the right.
the individual classes are shown on the right, nearer to element on the top.
one can add/edit/remove css entries to change the displayed behavior.

once u figure out what u need (styles) and where (what element) it’s easy to create a custom css entry that looks like that

I added in custom.css

 .MMM-Todoist {
	width:450px;
 }
 
 .MMM-Todoist .small {
	font-size: 13px;
	line-height: 15px;
 }

.MMM-Todoist .priority{
	width: 0px;
	border-right: 0px;
 }

A test without success was also with

.MMM-Todoist .spacerCell {
    width: 0px;
}

I assume it’s about any with .divTable or .divTableCell but don’t know how to handle and I gave up :face_with_cold_sweat:

May you find a solution :crossed_fingers: