change style of preview area

hotosm · Dec 24, 2019 · 3b6d5c6 · 3b6d5c6
1 parent d74646d
commit 3b6d5c6
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/frontend/src/components/projectEdit/inputLocale.js b/frontend/src/components/projectEdit/inputLocale.js
@@ -99,7 +99,12 @@ export const InputLocale = props => {
         ></textarea>
       )}
 
-      {preview ? <div dangerouslySetInnerHTML={preview} /> : null}
+      {preview &&
+        <>
+          <h3 className="ttu f6 fw6 blue-grey mb1">Preview:</h3>
+          <div dangerouslySetInnerHTML={preview} className="pa2 bg-grey-light blue-dark"/>
+        </>
+      }
     </div>
   );
 };