feat(weather): new weather icons

gallery/easel/route/view/common/templates/base.html

@@ -37,7 +37,7 @@
                   aria-expanded="false"
                   data-bs-toggle="dropdown"
                   aria-label="{{_('Select language')}} (default)">
-            <span class="fi fir fi-gb me-2 language-icon-active icon-header"></span>
+            <span class="fi fir fi-gb me-2 language-icon-active"></span>
             <span class="d-lg-none ms-2"
                   id="bd-language-text">{{_("Select language")}}</span>
           </button>
@@ -70,7 +70,7 @@
                   aria-expanded="false"
                   data-bs-toggle="dropdown"
                   aria-label="Toggle theme (auto)">
-            <span class="bi bi-circle-half me-2 opacity-50 theme-icon-active icon-header"></span>
+            <span class="bi bi-circle-half me-2 opacity-50 theme-icon-active"></span>
             <span class="d-lg-none ms-2"
                   id="bd-theme-text">{{_("Toggle theme")}}</span>
           </button>

static/src/lib/flag-icons.scss

@@ -12,6 +12,4 @@
 .fir {
   @extend .fis;
   border-radius: 50%;
-  height: 1em;
-  border: 1px solid gray;
 }

static/src/main.scss

@@ -12,8 +12,11 @@
   }
 }
 
-.icon-header {
+.icon {
-  @include font-size($h4-font-size);
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  background-size: contain;
 }
 
 .app-header {