From 9b04d8bf3581d162cbd631892ca115df811c46f8 Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Mon, 9 Jan 2023 08:38:48 -0300
Subject: fix #7152

---
 packages/taler-wallet-webextension/src/mui/Alert.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

(limited to 'packages/taler-wallet-webextension/src/mui/Alert.tsx')

diff --git a/packages/taler-wallet-webextension/src/mui/Alert.tsx b/packages/taler-wallet-webextension/src/mui/Alert.tsx
index 360c3c3cb..b00312a86 100644
--- a/packages/taler-wallet-webextension/src/mui/Alert.tsx
+++ b/packages/taler-wallet-webextension/src/mui/Alert.tsx
@@ -13,6 +13,7 @@
  You should have received a copy of the GNU General Public License along with
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
+import { TranslatedString } from "@gnu-taler/taler-util";
 import { css } from "@linaria/core";
 import { ComponentChildren, h, VNode } from "preact";
 // eslint-disable-next-line import/extensions
@@ -61,7 +62,7 @@ const colorVariant = {
 };
 
 interface Props {
-  title?: string;
+  title?: TranslatedString;
   variant?: "filled" | "outlined" | "standard";
   role?: string;
   onClose?: () => Promise<void>;
@@ -110,20 +111,20 @@ function Message({
   title,
   children,
 }: {
-  title?: string;
+  title?: TranslatedString;
   children: ComponentChildren;
 }): VNode {
   return (
     <div
       class={css`
         padding: 8px 0px;
-        width: 100%;
+        width: 90%;
       `}
     >
       {title && (
         <Typography
           class={css`
-            font-weight: ${theme.typography.fontWeightMedium};
+            font-weight: ${theme.typography.fontWeightBold};
           `}
           gutterBottom
         >
@@ -160,6 +161,7 @@ export function Alert({
         "--color-main": theme.palette[severity].main,
         "--color-light": theme.palette[severity].light,
         // ...(style as any),
+        textAlign: "left",
       }}
       elevation={1}
     >
-- 
cgit v1.2.3

