From beea58a081bedf29e4033abadfe4981107324c30 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20Dang=C3=A5rden?= <Joakim.Dangarden@swegon.com>
Date: Tue, 27 Oct 2026 20:29:43 +0100
Subject: [PATCH] Scalar mappings modal: keep the C# type readable next to long
 descriptions

---
 .../Linq2GraphQL.Docs/Components/ScalarMappingsModal.razor | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/Linq2GraphQL.Docs/Components/ScalarMappingsModal.razor b/docs/Linq2GraphQL.Docs/Components/ScalarMappingsModal.razor
index 858579b..a170fd3 100644
--- a/docs/Linq2GraphQL.Docs/Components/ScalarMappingsModal.razor
+++ b/docs/Linq2GraphQL.Docs/Components/ScalarMappingsModal.razor
@@ -3,14 +3,15 @@
 
 <p class="text-secondary">
     Every scalar in the schema and the C# type it becomes. Change a row to override the default, or choose
-    <em>CustomScalar class</em> to generate a class for the scalar instead. GraphQL's own scalars can be mapped
+    <em>CustomScalar</em> to generate a class for the scalar instead. GraphQL's own scalars can be mapped
     to another type but not to a class.
 </p>
 
 <div class="table-responsive">
     <table class="table table-vcenter card-table border">
         <thead>
-        <tr><th>Scalar</th><th>C# type</th><th></th></tr>
+        @* A fixed width keeps the type readable next to long scalar descriptions. *@
+        <tr><th>Scalar</th><th style="width: 12rem; min-width: 12rem">C# type</th><th></th></tr>
         </thead>
         <tbody>
         @foreach (var scalar in Scalars.OrderBy(e => e.IsBuiltIn))
@@ -32,7 +33,7 @@
                             @onchange="e => SetTarget(scalar, (string)e.Value)">
                         @if (!scalar.IsBuiltIn)
                         {
-                            <option value="">CustomScalar class</option>
+                            <option value="">CustomScalar</option>
                         }
                         @foreach (var target in Helpers.SupportedTargetTypeNames)
                         {