Add new layout styles to improve weather layout

Author: veeck

css/main.css

@@ -252,3 +252,15 @@ sup {
 .region .container.hidden {
   display: none;
 }
+
+.region.left .flex {
+  justify-content: flex-start;
+}
+
+.region.center .flex {
+  justify-content: center;
+}
+
+.region.right .flex {
+  justify-content: flex-end;
+}

modules/default/weather/current.njk

@@ -43,7 +43,7 @@
       {% endif %}
     </div>
   {% endif %}
-  <div class="large type-temp">
+  <div class="flex large type-temp">
     {% if config.showIndoorTemperature and indoor.temperature or config.showIndoorHumidity and indoor.humidity %}
       <span class="medium fas fa-home"></span>
       <span style="display: inline-block">

modules/default/weather/weather.css

@@ -44,6 +44,6 @@
 
 .weather .type-temp {
   display: flex;
-  align-items: center;
+  align-items: baseline;
   gap: 10px;
 }