New feedback page #7

src/pages/index.js

@@ -6,6 +6,7 @@ import fetch from 'unfetch'
 
 import LoadingIndicator from '../components/LoadingIndicator'
 
+import styles from './index.module.css'
 import links from '../data/links.json'
 import constants from '../constants.json'
 
@@ -46,7 +47,13 @@ export default function Index (props) {
                 {key}:
               </div>
               <div className='uquestion'>
-                {q.q}
+                {q.q.split('\n').map((x, i) => {
+                  return (
+                    <div key={i}>
+                      {x}
+                    </div>
+                  )
+                })}
               </div>
             </div>
             <div className='uanswer'>
@@ -71,11 +78,11 @@ export default function Index (props) {
   const renderMotd = () => {
     return (
       <div>
-        <div className='motdHeader'>
+        <div className={styles.motdHeader}>
           MOTD:
         </div>
         <div
-          className='motd'
+          className={styles.motd}
           dangerouslySetInnerHTML={{ __html: motd }}
         />
       </div>
@@ -97,7 +104,9 @@ export default function Index (props) {
               <a
                 href={link.href}
               >
-                {link.text}
+                <div className={styles.button}>
+                  {link.text}
+                </div>
               </a>
             </span>
           )