Skylink import syntax

src/components/InfoDetails/InfoDetails.js

@@ -18,13 +18,20 @@ const mapDispatchToProps = dispatch => {
 };
 
 export default connect(mapStateToProps, mapDispatchToProps)(props => {
+  let msg = props.InfoMessage.message;
+  const classes = ['InfoDetailsContent'];
+  if (props.InfoMessage.message.startsWith("!alternate!")) {
+    classes.push('Alternate');
+    msg = props.InfoMessage.message.substr('!alternate!'.length)
+  }
+
   return (
     <Box dxDark dxStyle={{padding: 'var(--default_spacing)'}}>
       <h1 className={'InfoDetailsHeading'}>{props.InfoMessage.title}</h1>
-      <div className={'InfoDetailsContent'}>
-        <p style={{textAlign: 'left', whiteSpace: 'pre-line'}}>{props.InfoMessage.message}</p>
+      <div className={classes.join(' ')}>
+        <p style={{textAlign: 'left'}}>{msg}</p>
       </div>
       <Button clicked={props.dismissInfo}>Dismiss</Button>
     </Box>
   );
-});
+});