Fix Blazor error UI CSS, making the dismiss button visible (#50846)

Author: viliml

src/Components/Samples/BlazorServerApp/wwwroot/css/site.css

@@ -120,6 +120,7 @@ app {
     background: lightyellow;
     bottom: 0;
     box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    box-sizing: border-box;
     display: none;
     left: 0;
     padding: 0.6rem 1.25rem 0.7rem 1.25rem;

src/Components/Samples/BlazorUnitedApp/wwwroot/css/site.css

@@ -40,6 +40,7 @@ a, .btn-link {
     background: lightyellow;
     bottom: 0;
     box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    box-sizing: border-box;
     display: none;
     left: 0;
     padding: 0.6rem 1.25rem 0.7rem 1.25rem;

src/Components/WebAssembly/Samples/HostedBlazorWebassemblyApp/Client/wwwroot/css/app.css

@@ -32,6 +32,7 @@ a, .btn-link {
     background: lightyellow;
     bottom: 0;
     box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    box-sizing: border-box;
     display: none;
     left: 0;
     padding: 0.6rem 1.25rem 0.7rem 1.25rem;

src/Components/WebAssembly/testassets/StandaloneApp/wwwroot/css/app.css

@@ -119,6 +119,7 @@ app {
     background: lightyellow;
     bottom: 0;
     box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    box-sizing: border-box;
     display: none;
     left: 0;
     padding: 0.6rem 1.25rem 0.7rem 1.25rem;

src/Components/WebView/Samples/PhotinoPlatform/testassets/PhotinoTestApp/wwwroot/css/app.css

@@ -2,6 +2,7 @@
     background: lightyellow;
     bottom: 0;
     box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    box-sizing: border-box;
     display: none;
     left: 0;
     padding: 0.6rem 1.25rem 0.7rem 1.25rem;

src/Components/WebView/test/E2ETest/wwwroot/css/app.css

@@ -2,6 +2,7 @@
     background: lightyellow;
     bottom: 0;
     box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    box-sizing: border-box;
     display: none;
     left: 0;
     padding: 0.6rem 1.25rem 0.7rem 1.25rem;

src/Components/test/testassets/BasicTestApp/wwwroot/style.css

@@ -10,13 +10,13 @@
     background: lightyellow;
     bottom: 0;
     box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    box-sizing: border-box;
     display: none;
     left: 0;
     padding: 0.6rem 1.25rem 0.7rem 1.25rem;
     position: fixed;
     width: 100%;
     z-index: 1000;
-    box-sizing: border-box;
 }
 
     #blazor-error-ui .dismiss {

src/Components/test/testassets/ComponentsApp.Server/wwwroot/css/app.css

@@ -119,6 +119,7 @@ app {
     background: lightyellow;
     bottom: 0;
     box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    box-sizing: border-box;
     display: none;
     left: 0;
     padding: 0.6rem 1.25rem 0.7rem 1.25rem;

src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWeb-CSharp/Components/Layout/MainLayout.razor.css

@@ -82,6 +82,7 @@ main {
     background: lightyellow;
     bottom: 0;
     box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    box-sizing: border-box;
     display: none;
     left: 0;
     padding: 0.6rem 1.25rem 0.7rem 1.25rem;

src/ProjectTemplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/wwwroot/css/app.css

@@ -42,6 +42,7 @@ a, .btn-link {
     background: lightyellow;
     bottom: 0;
     box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    box-sizing: border-box;
     display: none;
     left: 0;
     padding: 0.6rem 1.25rem 0.7rem 1.25rem;