From c8888a971fcdb6eeeed1e01b2dcfb5755d98d692 Mon Sep 17 00:00:00 2001
From: Mikhail Chechnev <mim_@mail.ru>
Date: Tue, 30 Jul 2024 16:15:01 +0300
Subject: [PATCH] =?UTF-8?q?WEB=20APP:=20=D0=92=D1=8B=D1=80=D0=B0=D0=B2?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B2=D0=B0=D0=BD=D0=B8=D0=B5=20=D0=B8=D0=BA=D0=BE?=
 =?UTF-8?q?=D0=BD=D0=BA=D0=B8=20=D0=BF=D0=B0=D0=BD=D0=B5=D0=BB=D0=B8=20?=
 =?UTF-8?q?=D0=B2=20=D0=B3=D0=B0=D0=BB=D0=B5=D1=80=D0=B5=D0=B5=20=D0=BF?=
 =?UTF-8?q?=D0=BE=20=D0=B2=D0=B5=D1=80=D1=85=D0=BD=D0=B5=D0=BC=D1=83=20?=
 =?UTF-8?q?=D0=BA=D1=80=D0=B0=D1=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/p8p_panels_menu.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/components/p8p_panels_menu.js b/app/components/p8p_panels_menu.js
index 458e50b..48212d5 100644
--- a/app/components/p8p_panels_menu.js
+++ b/app/components/p8p_panels_menu.js
@@ -58,7 +58,8 @@ const STYLES = {
     GRID: { maxWidth: 1200, direction: "row", justifyContent: "left", alignItems: "stretch" },
     GRID_PANEL_CARD: { maxWidth: 400, height: "100%", flexDirection: "column", display: "flex" },
     GRID_PANEL_CARD_MEDIA: { height: 140 },
-    GRID_PANEL_CARD_CONTENT_TITLE: { alignItems: "center" },
+    GRID_PANEL_CARD_CONTENT_TITLE: { alignItems: "flex-start" },
+    GRID_PANEL_CARD_CONTENT_TITLE_ICON: { paddingTop: "4px" },
     GRID_PANEL_CARD_ACTIONS: { marginTop: "auto", display: "flex", justifyContent: "flex-end", alignItems: "flex-start" },
     DESKTOP_GROUP_HEADER: { fontWeight: "bold", fontFamily: "tahoma, arial, verdana, sans-serif!important", fontSize: "13px!important" },
     DESKTOP_ITEM_BUTTON: { fontSize: "12px", textTransform: "none", "&:hover": { backgroundColor: "#c3e1ff" }, maxWidth: "150px" },
@@ -130,7 +131,7 @@ const getPanelsLinks = ({ variant, panels, selectedPanel, group, defaultGroupTyt
                                 ) : null}
                                 <CardContent>
                                     <Stack gap={1} direction="row" sx={STYLES.GRID_PANEL_CARD_CONTENT_TITLE}>
-                                        {panel.icon ? <Icon>{panel.icon}</Icon> : null}
+                                        {panel.icon ? <Icon sx={STYLES.GRID_PANEL_CARD_CONTENT_TITLE_ICON}>{panel.icon}</Icon> : null}
                                         <Typography variant="h5">{panel.caption}</Typography>
                                     </Stack>
                                     <Typography variant="body2" color="text.secondary">