bug fixes in json, UI copy to clipboard etc

Author: LinceMathew

.vscodeignore

@@ -10,7 +10,6 @@ out/test/**
 
 # Ignore source code
 src/**
-syntaxes/**
 
 # Ignore all webview files except the build directory
 webview/src/**

webview/src/styles/custom-theme.css

@@ -1,32 +1,30 @@
 .custom-table .p-datatable-table {
-    border: 1px solid #ccc;
+    border: 0.0625rem solid #ccc;
 }
 
 .custom-table .p-datatable-thead>tr>th,
 .custom-table .p-datatable-tbody>tr>td {
-    border: 1px solid #ccc;
+    border: 0.0625rem solid #ccc;
 }
 
 .icon-box {
     display: flex;
     align-items: center;
     margin-left: auto;
 }
+
 .icon-box-toggle {
     display: flex;
     align-items: center;
-    border: 1px solid #575757;
-    /* padding: 10px; */
+    border: 0.0625rem solid #575757;
     margin-left: auto;
     border-radius: 15%;
-    /* Push the icons to the right */
 }
 
-
 .icon-box i {
-    font-size: 5rem;
+    font-size: 5.2rem;
         color: #b5b5b5;
-    margin: 3px;
+    margin: 0.1875rem;
     cursor: pointer;
 }
 
@@ -36,15 +34,12 @@
 }
 
 .icon-box .bordered-icon {
-    padding: 3px;
+    padding: 0.1875rem;
 }
 
 .icon-box .highlighted {
     background-color: #3b3b3b;
-    /* Highlight background color */
-    border-radius: 4px;
-
-    /* Optional: rounded corners */
+    border-radius: 0.25rem;
 }
 
 .bordered-icon.highlighted i {
@@ -62,63 +57,56 @@
     justify-content: space-between;
     align-items: center;
     width: 100%;
-    /* Ensure it takes full width */
 }
 
 .status-info p {
-    margin: 0 10px;
-    font-size: large;
-    /* Space between status texts */
+    margin: 0 0.625rem;
+        font-size: 1.1rem;
 }
+
 .spinner-container {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
-    /* This makes the container full height of the viewport */
     width: 100vw;
-    /* This makes the container full width of the viewport */
     position: fixed;
-    /* This positions the container relative to the viewport */
     top: 0;
     left: 0;
 }
 
-
 .p-progress-spinner-circle {
-    /* fix for IE browsers */
     stroke: #d62d20;
     stroke-dasharray: 89, 200;
 }
 
-
 .error-container {
     display: flex;
     flex-direction: column;
     justify-content: center;
-    gap: 10px;
+    gap: 0.625rem;
     align-items: center;
     width: 100vw;
-        position: fixed;
+    position: fixed;
     top: 5%;
-        left: 0;
+    left: 0;
 }
 
 .error-message {
     color: #ff4d4f;
-    font-size: 16px;
+    font-size: 1rem;
     text-align: center;
 }
 
 .html-content-container {
     width: 100%;
     height: 100%;
     overflow: auto;
-    /* Adjust as needed */
 }
+
 .meta-icon-section {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin: 10px 0;
+    margin: 0.625rem 0;
 }