Fixed some minor styling issues with the JSON inspector. (#1691)

CHANGELOG.md

@@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ## Unreleased
 
 ## Fixed
+- [client] Fixed some minor styling issues with the JSON inspector in PR [1691](https://github.com/microsoft/BotFramework-Emulator/pull/1691)
 - [client] Fixed issue where html errors were being displayed incorrectly in PR [1687](https://github.com/microsoft/BotFramework-Emulator/pull/1687/files)
 - [client] Fixed an issue where webSpeechFactories in store were being set to null in PR [1685](https://github.com/microsoft/BotFramework-Emulator/pull/1685)
 

packages/app/client/src/ui/editor/emulator/parts/inspector/inspector.scss

@@ -13,7 +13,7 @@
     background-color: transparent;
     font-weight: normal;
 
-    &:hover:not([disabled]), &[selected], &[aria-selected] {
+    &:hover:not([disabled]), &[selected], &[aria-selected], &[name="json"] {
       background-color: transparent;
       position: relative;
 
@@ -61,13 +61,15 @@
 }
 
 .left-arrow {
-  background-image: url('../../../../media/ic_next_copy.svg');
+  background-image: url('../../../../media/ic_next.svg');
   background-position: 50% 50%;
+  transform: rotate(180deg);
 }
 
 .left-arrow-selected {
-  background-image: url('../../../../media/ic_next_copy.svg');
+  background-image: url('../../../../media/ic_next.svg');
   background-position: 50% 50%;
+  transform: rotate(180deg);
 }
 
 .right-arrow {

packages/extensions/json/bf-extension.json

@@ -29,10 +29,10 @@
             "id": "json",
             "states": {
               "default": {
-                "label": "Json"
+                "label": "JSON"
               },
               "selected": {
-                "label": "Json",
+                "label": "JSON",
                 "aria-selected": true
               }
             }
@@ -71,10 +71,10 @@
             "id": "diff",
             "states": {
               "default": {
-                "label": "Show Diff"
+                "label": "Show diff"
               },
               "selected": {
-                "label": "Hide Diff",
+                "label": "Hide diff",
                 "aria-selected": true
               },
               "disabled": {