Merge pull request #1170 from complexdatacollective/fix/other-dialog-markdown

Fix/other dialog markdown

Author: jthrilly

src/containers/CategoricalList/OtherVariableForm.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { reduxForm } from 'redux-form';
 import { Button, Node } from '@codaco/ui';
+import { MarkdownLabel } from '@codaco/ui/lib/components/Fields';
 import Field from '../Field';
 
 const stopClickPropagation = (e) => e.stopPropagation();
@@ -20,7 +21,9 @@ const OtherVariableForm = ({
           <Node label={label} color={color} />
         </div>
         <div className="other-variable-form__content-right">
-          <h4>{otherVariablePrompt}</h4>
+          <h4>
+            <MarkdownLabel inline label={otherVariablePrompt} />
+          </h4>
           <Field
             label=""
             placeholder="Enter your response here..."

src/containers/Server/PairingCodeDialog.js

@@ -117,7 +117,7 @@ const PairingCodeDialog = (props) => {
   }, [server]);
 
   return (
-    <motion.div>
+    <motion.div className="pairing-content">
       {
         loading
           ? (

src/styles/components/_other-variable-form.scss

@@ -1,6 +1,7 @@
 .other-variable-form {
   height: auto;
   padding: 2rem 0;
+  flex: 1 1;
 
   &__content {
     display: flex;

src/styles/containers/StartScreen/_pairing-form.scss

@@ -1,3 +1,7 @@
+.pairing-content {
+  flex: 1 1;
+}
+
 .pairing-form {
   margin-bottom: unit(4);