Best posts made by codac

@karsten13 correct they are all top_right. Your suggestion worked:

.MMM-DWD-WarnWeather .status {
    font-family: "SFPro";
    text-align: right;
}

Your hint with playing with css in my browser helped to figure out that currentweather and weatherforecast behave like this because of a max-width of 325 that I already had set in the custom.css, as where the calendar has 475px.

@majorc The question with the MMM-DWD-WarnWeather module I can answer. Was a bit tricky to find out, but what works for me is to set the follwing into the custom.css:

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

@wishmaster270 said in Title of two modules in one line:

.MMM-DWD-WarnWeather .wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 320px;
gap: 5px;
}

.MMM-DWD-WarnWeather .warning {
width: 100%;
display: flex;
flex-direction: row;
gap: 10px;
margin-bottom: 0px;
}

.MMM-DWD-WarnWeather .status {
margin-top: 0px;
}

.MMM-DWD-WarnWeather .description {
padding-left: 0px;
margin-left: 0px;
}

.MMM-DWD-WarnWeather .small-icon{
float: unset;
zoom: unset;
-moz-transform: unset;
-moz-transform-origin: unset;
width: 46px;
height: 46px;
position: relative;
}

Hi Tom, this totally worked out and fixed the issue.
Do you have one more hint about shifting the text/icon more to the right?