fix: word wrap, leading indentaion

fixes #29

Author: arnav-kr

CHANGELOG.md

@@ -1,3 +1,2 @@
-# CHANGELOG V2.1.7
-* ✨ Feat [#26](https://github.com/arnav-kr/json-formatter/issues/26) Ability to customize keyboard shortcuts
-* 🐞 Minor Bug Fixes
+# CHANGELOG V2.1.8
+* 🐞 Fix [[#29](https://github.com/arnav-kr/json-formatter/issues/29)]

README.md

@@ -10,7 +10,7 @@
 [![GitHub](https://img.shields.io/github/license/arnav-kr/json-formatter?style=flat-square&logo=github&logoColor=white&label=GitHub&labelColor=%233d3d3d&color=%234285F4)](https://github.com/arnav-kr/json-formatter)
 
 
-**[V2.1.7.0 CHANGELOG](CHANGELOG.md)**
+**[V2.1.8.0 CHANGELOG](CHANGELOG.md)**
 
 ## Features:
 * 60+ Themes for both Light and Dark Mode

extension/css/content.css

@@ -27,6 +27,7 @@
 
 .JF_json-container .empty-icon {
   width: 18px;
+  min-width: 18px;
 }
 
 .JF_json-container .json-type {
@@ -117,6 +118,7 @@ body.JF_.JF_dark {
 
 .JF_json-container.JF_dark .empty-icon {
   width: 18px;
+  min-width: 18px;
 }
 
 .JF_json-container.JF_dark .json-type {
@@ -217,20 +219,20 @@ body.JF_.JF_dark {
   justify-content: center;
 }
 
-.JF_button-wrapper>button:first-child {
+.JF_button-wrapper > button:first-child {
   border-radius: 4px 0 0 4px;
   left: 1px;
 }
 
-.JF_button-wrapper>button:nth-child(2) {
+.JF_button-wrapper > button:nth-child(2) {
   border-radius: 0;
   border-width: 0 1px;
   border-style: solid;
   border-color: #dadce0;
   margin: 0;
 }
 
-.JF_button-wrapper>button:last-child {
+.JF_button-wrapper > button:last-child {
   border-radius: 0 4px 4px 0;
 }
 
@@ -334,9 +336,9 @@ body.JF_.JF_dark {
 
 .JF_word-wrap {
   /* enable wrapping like in vs code, break anywhere */
-  white-space: pre-wrap;
-  word-break: break-word;
-  word-wrap: break-word;
+  white-space: pre-wrap !important;
+  word-break: break-word !important;
+  word-wrap: break-word !important;
 }
 
 .JF_invisible-toolbar {
@@ -442,4 +444,4 @@ body.JF_dark #JF_context_menu .JF_context_menu_item kbd {
 body.JF_dark #JF_whats_new {
   box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12),
     0 19px 38px 0 rgba(0, 0, 0, 0.24);
-} */
+} */

extension/manifest.json

@@ -1,8 +1,8 @@
 {
   "name": "JSON Formatter",
   "short_name": "JSON Formatter",
-  "version": "2.1.7",
-  "version_name": "Version 2.1.7 Beta",
+  "version": "2.1.8",
+  "version_name": "Version 2.1.8 Beta",
   "manifest_version": 3,
   "description": "Formats JSON automatically! Open Source, Available with 60+ Themes, Syntax Highlighting, automatically linkifies links and more.",
   "author": "Arnav",