From c8692c97ced11c4911b657f8f35af9977ce62a98 Mon Sep 17 00:00:00 2001
From: Thorsten Sommer <SommerEngineering@users.noreply.github.com>
Date: Fri, 10 Apr 2026 16:14:00 +0200
Subject: [PATCH] Add MudJustifiedMarkdown component and apply justified
 styling

---
 .../Components/MandatoryInfoDisplay.razor     |  2 +-
 .../Components/MudJustifiedMarkdown.razor     |  3 +++
 .../Components/MudJustifiedMarkdown.razor.cs  |  9 +++++++++
 app/MindWork AI Studio/wwwroot/app.css        | 19 +++++++++++++++++++
 4 files changed, 32 insertions(+), 1 deletion(-)
 create mode 100644 app/MindWork AI Studio/Components/MudJustifiedMarkdown.razor
 create mode 100644 app/MindWork AI Studio/Components/MudJustifiedMarkdown.razor.cs

diff --git a/app/MindWork AI Studio/Components/MandatoryInfoDisplay.razor b/app/MindWork AI Studio/Components/MandatoryInfoDisplay.razor
index ca881111..8c53f702 100644
--- a/app/MindWork AI Studio/Components/MandatoryInfoDisplay.razor	
+++ b/app/MindWork AI Studio/Components/MandatoryInfoDisplay.razor	
@@ -33,5 +33,5 @@
         }
     }
 
-    <MudMarkdown Value="@this.Info.Markdown" Props="Markdown.DefaultConfig" MarkdownPipeline="Markdown.SAFE_MARKDOWN_PIPELINE" />
+    <MudJustifiedMarkdown Value="@this.Info.Markdown" />
 </MudStack>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/MudJustifiedMarkdown.razor b/app/MindWork AI Studio/Components/MudJustifiedMarkdown.razor
new file mode 100644
index 00000000..1f99ff44
--- /dev/null
+++ b/app/MindWork AI Studio/Components/MudJustifiedMarkdown.razor	
@@ -0,0 +1,3 @@
+<div class="justified-markdown">
+    <MudMarkdown Value="@this.Value" Props="Markdown.DefaultConfig" MarkdownPipeline="Markdown.SAFE_MARKDOWN_PIPELINE" />
+</div>
\ No newline at end of file
diff --git a/app/MindWork AI Studio/Components/MudJustifiedMarkdown.razor.cs b/app/MindWork AI Studio/Components/MudJustifiedMarkdown.razor.cs
new file mode 100644
index 00000000..0770c502
--- /dev/null
+++ b/app/MindWork AI Studio/Components/MudJustifiedMarkdown.razor.cs	
@@ -0,0 +1,9 @@
+using Microsoft.AspNetCore.Components;
+
+namespace AIStudio.Components;
+
+public partial class MudJustifiedMarkdown
+{
+    [Parameter]
+    public string Value { get; set; } = string.Empty;
+}
\ No newline at end of file
diff --git a/app/MindWork AI Studio/wwwroot/app.css b/app/MindWork AI Studio/wwwroot/app.css
index 909d350d..787fb272 100644
--- a/app/MindWork AI Studio/wwwroot/app.css	
+++ b/app/MindWork AI Studio/wwwroot/app.css	
@@ -116,6 +116,25 @@
     margin-bottom:2em;
 }
 
+.justified-markdown .mud-markdown-body p,
+.justified-markdown .mud-markdown-body li,
+.justified-markdown .mud-markdown-body blockquote p {
+    text-align: justify;
+    hyphens: auto;
+}
+
+.justified-markdown .mud-markdown-body pre,
+.justified-markdown .mud-markdown-body code,
+.justified-markdown .mud-markdown-body h1,
+.justified-markdown .mud-markdown-body h2,
+.justified-markdown .mud-markdown-body h3,
+.justified-markdown .mud-markdown-body h4,
+.justified-markdown .mud-markdown-body h5,
+.justified-markdown .mud-markdown-body h6,
+.justified-markdown .mud-markdown-body table {
+    text-align: left;
+}
+
 .code-block {
     background-color: #2d2d2d;
     color: #f8f8f2;