Fixed Request Latency chart legend overlap

Author: rhamlett_microsoft

src/PerfProblemSimulator/wwwroot/css/dashboard.css

@@ -596,16 +596,18 @@ body {
 .latency-legend {
     display: flex;
     justify-content: center;
-    gap: 0.75rem;
+    gap: 1.5rem;
     padding-top: 1.5rem;
     flex-wrap: wrap;
-    font-size: 0.7rem;
+    font-size: 0.75rem;
+    row-gap: 0.5rem;
 }
 
 .legend-item {
-    font-size: 0.7rem;
+    font-size: 0.75rem;
     color: var(--color-text-muted);
     white-space: nowrap;
+    padding: 0.25rem 0.5rem;
 }
 
 .legend-item.good {