Ensure text can be zoomed to 200% without switching to mobile layout. Fixes 1163184.

Author: SteveSandersonMS

src/ProjectTemplates/Web.ProjectTemplates/content/BlazorServerWeb-CSharp/Shared/MainLayout.razor.css

@@ -31,7 +31,7 @@
         text-overflow: ellipsis;
     }
 
-@media (max-width: 767.98px) {
+@media (max-width: 640.98px) {
     .top-row:not(.auth) {
         display: none;
     }
@@ -45,7 +45,7 @@
     }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 641px) {
     .page {
         flex-direction: row;
     }

src/ProjectTemplates/Web.ProjectTemplates/content/ComponentsWebAssembly-CSharp/Client/Shared/MainLayout.razor.css

@@ -31,7 +31,7 @@
         text-overflow: ellipsis;
     }
 
-@media (max-width: 767.98px) {
+@media (max-width: 640.98px) {
     .top-row:not(.auth) {
         display: none;
     }
@@ -45,7 +45,7 @@
     }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 641px) {
     .page {
         flex-direction: row;
     }