Just a FYI, it may also work thusly:
/* adjust modules to display side by side */
.MMM-ValuesByNotification, .MMM-OpenWeatherForecast {
display: inline-flex;
margin-right: 5px;
margin-left: 5px;
}
the catch is that you have to have the modules in your config in the exact order you do in this css entry.