Modals style fixes

Signed-off-by: Egor Savkin <es@m-labs.hk>

sass/css/_shop.scss

@@ -9,6 +9,29 @@ button {
 }
 
 .rfqFeedback {
+   /* -webkit-box-shadow: 0px 0px 33px -7px rgba(0,0,0,0.75);
+    -moz-box-shadow: 0px 0px 33px -7px rgba(0,0,0,0.75);
+    box-shadow: 0px 0px 33px -7px rgba(0,0,0,0.75);*/
+    border: 1px solid $brand-color;
+    .modal-body, .modal-content, .modal {
+        border-radius: 0;
+    }
+    .form-group {
+        display: flex;
+        align-items: center;
+        padding: 0.5rem 0.75rem;
+        text-align: center;
+
+        /*position: absolute;
+        width: 350px;*/
+        background: white;
+        /*left: calc(100%/2 - 350px/2);*/
+
+        /*top: calc(50% - 50px);*/
+
+        font-size: .9rem;
+    }
+
     button {
         background-color: inherit;
         align-self: center;

static/js/shop/ImportJSON.jsx

@@ -56,8 +56,8 @@ export function ImportJSON() {
             style={{'cursor': 'pointer'}}
             onClick={showImport}>Import JSON
         </button>
-        <Modal show={shouldShow} animation={true} centered>
+        <Modal show={shouldShow} animation={true} centered className="rfqFeedback">
-            <Modal.Body ref={ref} className="rfqFeedback">
+            <Modal.Body ref={ref}>
                 <div className="form-group">
                     <p className="small">
                         Input the JSON description below. Should be something like:

static/js/shop/ShowJSON.jsx

@@ -31,8 +31,8 @@ export function ShowJSON() {
             defaultValue="Show JSON"
             onClick={showDescription}
             readOnly={true}/>
-        <Modal show={shouldShow} animation={true} centered>
+        <Modal show={shouldShow} animation={true} className="rfqFeedback" centered>
-            <Modal.Body ref={ref} className="rfqFeedback">
+            <Modal.Body ref={ref}>
                     <textarea
                         value={description}
                         className="form-control w-100"