HM-42 Облагородил вывод информации апи в модалке (#16)

src/components/api-info-component/ApiInfoComponent.css

@@ -0,0 +1,29 @@
+.Info__body {
+    height: 100%;
+    display: flex;
+}
+.Info__container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+}
+.Info__title {
+    text-align: center;
+}
+.Info__sidebar {
+    width: 30%;
+}
+.Info__editor {
+    border: 1px solid #F2F2F2;
+    text-align: left;
+    width: 100%;
+}
+.Info__controls {
+    position: absolute;
+    right: 10px;
+    top: 15px;
+    font-size: 20px;
+}

src/components/api-info-component/ApiInfoComponent.js

@@ -19,7 +19,7 @@ class ApiInfoComponent extends Component {
         if (this.object) {
             this.infoTitle.textContent = this.object.key ;
             this.infoSidebar.textContent = this.object.description;
-            this.infoEditor.textContent = this.object.value;
+            this.infoEditor.innerHTML = JSON.stringify(this.object.value);
             this.infoFooter.textContent = this.object.author;
         }
 

src/components/test-modal/TestModal.css

@@ -24,8 +24,11 @@
 }
 
 .TestModal__window {
+    position: relative;
     width: 80vw;
     height: 80vh;
     background-color: white;
+    border: 1px solid #F7F7F7;
+    border-radius: 5px;
     z-index: 5;
 }