More formatting and intro on JWTs

Author: wcabus

src/Pages/Home/JwtDecoder/JwtDecoder.cshtml

@@ -14,7 +14,12 @@
         Using this tool, you can decode and validate JSON Web Tokens (JWTs) issued by IdentityServer or another token issuer.
     </p>
     <p>
-        TODO more information about JWTs, link to RFC 7519, our docs...
+        A JSON Web Token (JWT) is a compact, URL-safe means of representing claims to be transferred between two parties. 
+        It is commonly used for authentication and information exchange in web applications. 
+        A JWT consists of three parts: a header, a payload, and a signature, separated by dots. 
+        <br />
+        <br />
+        For more details, see <a href="https://datatracker.ietf.org/doc/html/rfc7519" target="_blank">RFC 7519</a>.
     </p>
     <div class="alert alert-warning d-flex align-items-center">
         <i class="glyphicon glyphicon-exclamation-sign" style="font-size: 3em" title="Warning"></i>

src/wwwroot/css/site.css

@@ -133,7 +133,7 @@ a.navbar-brand .icon-banner {
 .jwt-decoder-container .jwt-input-editable .text-warning {
   color: rgb(245.7438016529, 201.7768595041, 124.2561983471) !important;
 }
-.jwt-decoder-container .json-content {
+.jwt-decoder-container .json-content, .jwt-decoder-container .jwt-input-editable {
   font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   font-size: 1em;
 }

src/wwwroot/css/site.min.css

@@ -156,7 +156,7 @@ a.navbar-brand {
     }
   }
 
-  .json-content {
+  .json-content, .jwt-input-editable {
     font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
     font-size: 1em;
   }