From 3f229219d687c2734ab46147d80838d001894997 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Artur=20Ko=C5=82ecki?= <koleckiartur@icloud.com>
Date: Tue, 28 Feb 2023 12:02:51 +0100
Subject: [PATCH] Move json css to other file.

---
 Frontend/assets/css/json.css      | 4 ++++
 Frontend/tools/jsonFormatter.html | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)
 create mode 100644 Frontend/assets/css/json.css

diff --git a/Frontend/assets/css/json.css b/Frontend/assets/css/json.css
new file mode 100644
index 0000000..46c6686
--- /dev/null
+++ b/Frontend/assets/css/json.css
@@ -0,0 +1,4 @@
+.json-block {
+  height: 600px;
+  width: 100%;
+}
\ No newline at end of file
diff --git a/Frontend/tools/jsonFormatter.html b/Frontend/tools/jsonFormatter.html
index 24d4e97..8b394b9 100644
--- a/Frontend/tools/jsonFormatter.html
+++ b/Frontend/tools/jsonFormatter.html
@@ -6,6 +6,7 @@
   <meta charset="utf-8" />
 
   <link rel="stylesheet" href="../assets/css/tools/r11form.css">
+  <link rel="stylesheet" href="../assets/css/json.css">
   <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css">
   <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
   <script src="../assets/scripts/tools/scripts.js"></script>
@@ -18,14 +19,13 @@
   <div id="tool" class="tool rwd-expandable">
     <div class="tool-context">
       <div class="headline">
-        <h1>Online JSON Formatter <span class="versionInfo"><span class="version-span">v0.0.1 BETA</span></span>
-        </h1>
+        <h1>Online JSON Formatter</h1>
       </div>
 
       <p style="color: red" id="error"></p>
 
       <pre>
-        <code class="hightlight-json jsonBlock" style="height: 600px; width: 1000px;" id="jsonBlock" contenteditable="True">{"enter": "your", "json": "here"}</code>
+        <code class="hightlight-json json-block" id="jsonBlock" contenteditable="True">{"enter": "your", "json": "here"}</code>
       </pre>
 
       <button style="margin-top: 20px"