diff --git a/JournalApp/Components/EditCategoryDialog.razor b/JournalApp/Components/EditCategoryDialog.razor
index eb219f0..c90c00a 100644
--- a/JournalApp/Components/EditCategoryDialog.razor
+++ b/JournalApp/Components/EditCategoryDialog.razor
@@ -52,12 +52,14 @@
@if (Category != null)
{
- Delete
+ Delete
+
+
}
- Cancel
+ Cancel
- Submit
+ Submit
diff --git a/JournalApp/Components/EditDoseDialog.razor b/JournalApp/Components/EditDoseDialog.razor
index f82a5e8..51cc66d 100644
--- a/JournalApp/Components/EditDoseDialog.razor
+++ b/JournalApp/Components/EditDoseDialog.razor
@@ -24,9 +24,9 @@
- Cancel
+ Cancel
- Submit
+ Submit
diff --git a/JournalApp/Components/EditNoteDialog.razor b/JournalApp/Components/EditNoteDialog.razor
index 6fa9ea3..06bbcae 100644
--- a/JournalApp/Components/EditNoteDialog.razor
+++ b/JournalApp/Components/EditNoteDialog.razor
@@ -13,9 +13,9 @@
- Cancel
+ Cancel
- Submit
+ Submit
diff --git a/JournalApp/Components/JaMessageBox.razor b/JournalApp/Components/JaMessageBox.razor
index e75e114..8717432 100644
--- a/JournalApp/Components/JaMessageBox.razor
+++ b/JournalApp/Components/JaMessageBox.razor
@@ -41,7 +41,7 @@
}
else if (!string.IsNullOrWhiteSpace(CancelText))
{
- @CancelText
+ @CancelText
}
@if (NoButton is not null)
{
@@ -51,7 +51,7 @@
}
else if (!string.IsNullOrWhiteSpace(NoText))
{
- @NoText
+ @NoText
}
@if (YesButton is not null)
{
@@ -61,7 +61,7 @@
}
else if (!string.IsNullOrWhiteSpace(YesText))
{
- @YesText
+ @YesText
}
diff --git a/JournalApp/wwwroot/app.css b/JournalApp/wwwroot/app.css
index 3e44c52..1fe16a3 100644
--- a/JournalApp/wwwroot/app.css
+++ b/JournalApp/wwwroot/app.css
@@ -269,14 +269,38 @@ label.mud-switch.mud-disabled .mud-switch-span {
--mud-palette-surface: var(--mud-palette-gray-lighter);
}
-/* M3 dialogs sit on surfaceContainerHigh. */
+/* M3 dialogs sit on surfaceContainerHigh with the 24px container inset. */
.mud-dialog {
- padding: 12px !important;
- gap: 12px !important;
+ padding: 24px !important;
+ gap: 16px !important;
border-radius: 28px;
--mud-palette-surface: var(--mud-palette-gray-lighter);
}
+/* M3 dialog headline is headline-small on the leading edge, not a centered bold h6. */
+.mud-dialog-title {
+ padding: 0 !important;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+}
+
+.mud-dialog-title .mud-typography-h6 {
+ font-size: 24px;
+ font-weight: 400;
+ line-height: 32px;
+}
+
+/* M3 dialog supporting text reads on onSurfaceVariant; inputs keep their own stronger ink. */
+.mud-dialog-content {
+ color: var(--mud-palette-text-secondary);
+}
+
+.mud-dialog-actions {
+ gap: 8px;
+ justify-content: flex-end;
+}
+
/* M3 filled cards: tonal, flat (depth comes from tone, not shadow). */
.mud-card {
padding: 12px !important;
@@ -290,7 +314,7 @@ label.mud-switch.mud-disabled .mud-switch-span {
font-size: inherit;
}
-.mud-dialog-title, .mud-card-header {
+.mud-card-header {
padding: 0 !important;
padding-top: 8px !important;
display: flex;