From 2dfedfea57975712b4d3cb31f2404fb7a33f184e Mon Sep 17 00:00:00 2001
From: shmyga <shmyga.z@gmail.com>
Date: Mon, 15 Jun 2026 11:22:28 +0300
Subject: [PATCH] fix(easel): fix header icons

---
 gallery/easel/route/view/common/templates/base.html | 4 ++--
 static/src/lib/flag-icons.scss                      | 4 +++-
 static/src/main.scss                                | 7 ++-----
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/gallery/easel/route/view/common/templates/base.html b/gallery/easel/route/view/common/templates/base.html
index 7b3aa8a..0daea8c 100644
--- a/gallery/easel/route/view/common/templates/base.html
+++ b/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"></span>
+            <span class="fi fir fi-gb me-2 language-icon-active icon-header"></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"></span>
+            <span class="bi bi-circle-half me-2 opacity-50 theme-icon-active icon-header"></span>
             <span class="d-lg-none ms-2"
                   id="bd-theme-text">{{_("Toggle theme")}}</span>
           </button>
diff --git a/static/src/lib/flag-icons.scss b/static/src/lib/flag-icons.scss
index 6e81e7b..b48ed89 100644
--- a/static/src/lib/flag-icons.scss
+++ b/static/src/lib/flag-icons.scss
@@ -12,4 +12,6 @@
 .fir {
   @extend .fis;
   border-radius: 50%;
-}
+  height: 1em;
+  border: 1px solid gray;
+}
\ No newline at end of file
diff --git a/static/src/main.scss b/static/src/main.scss
index 1317349..591f293 100644
--- a/static/src/main.scss
+++ b/static/src/main.scss
@@ -11,11 +11,8 @@
   }
 }
 
-.icon {
-  display: inline-block;
-  width: 2rem;
-  height: 2rem;
-  background-size: contain;
+.icon-header {
+  @include font-size($h4-font-size);
 }
 
 .app-header {