Alignmend of modules

MajorC

.MMM-DWD-WarnWeather .warning {
float: right;
}

Thanks, that is a good one!

sdetweil

@majorc u could try the same float-right for the pollen module

u may need to look in the developers window, elements tab to see the class used

ctrl-shift-i, select the elements tab, expand the nav tree in the left column to locate the module (top, top-right…)

set the module background to blue, to see the whole thing
and then add styles to the content

CarstenD

@sdetweil for MMM-DWD-Pollen you can change the following classes in CSS:

tab-center
pollen-low
pollen-low-medium
pollen-medium
pollen-mediumhigh
pollen-high
pollen-nodata

and just make

text-align: right

That should do the trick. Float will not work - it pushes everything to the right w/o spacing.

I am still thinking how one can save the space on the right side but I am not an CSS / HTML expert.

sdetweil

but I am not an CSS / HTML expert

me neither… i hate working on the UI

MajorC

@carstend I added the question to the DWD-Pollen thread, but no respond so far.

text-align: right

will move the text, so it is not centered anymore. But the goal is, to get rid of the space on the right side.

Update:
I now use:

.MMM-DWD-Pollen table {
	margin-left: auto;
	margin-right: -40px;
}

Not sure if this is a good way, but it works for me at the moment.