From 38d13116ce2198b731bba55e428c42c3f0f6a88e Mon Sep 17 00:00:00 2001
From: MrFry <mrfry@airmail.cc>
Date: Fri, 27 Mar 2020 09:45:04 +0100
Subject: [PATCH] Feedback page news fix

---
 src/defaultStyles.css      | 29 -----------------------------
 src/pages/index.js         | 10 +++++-----
 src/pages/index.module.css | 30 ++++++++++++++++++++++++++++++
 3 files changed, 35 insertions(+), 34 deletions(-)

diff --git a/src/defaultStyles.css b/src/defaultStyles.css
index 3d60e58..a2531da 100644
--- a/src/defaultStyles.css
+++ b/src/defaultStyles.css
@@ -162,35 +162,6 @@ a {
   font-size: 30px;
 }
 
-.uquestioncontainer {
-  margin: 5px;
-}
-
-.uquestioncontainer:hover {
-  background-color: var(--hoover-color);
-}
-
-.uquestionscontainer {
-  margin: 10px;
-}
-
-.uquestion {
-  font-weight: 'bold';
-  font-size: 16px;
-  color: #fff;
-  margin: 5px;
-}
-
-.uanswer {
-  margin: 5px;
-}
-
-.uquestionnumber {
-  color: #fff;
-  margin: 5px;
-  font-size: 20px;
-}
-
 .link {
   margin: 10px;
 }
diff --git a/src/pages/index.js b/src/pages/index.js
index 306953b..bc45958 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -41,17 +41,17 @@ export default function Index (props) {
       let questions = Object.keys(news).map((key, i) => {
         let q = news[key]
         return (
-          <div key={key} className='uquestioncontainer'>
+          <div key={key} className={styles.questioncontainer}>
             <div >
-              <div className='uquestionnumber'>
+              <div className={styles.questionnumber}>
                 {key}:
               </div>
               <div
-                className='uquestion'
+                className={styles.question}
                 dangerouslySetInnerHTML={{ __html: q.q }}
               />
               <div
-                className='uanswer'
+                className={styles.answer}
                 dangerouslySetInnerHTML={{ __html: q.a }}
               />
             </div>
@@ -60,7 +60,7 @@ export default function Index (props) {
       }).reverse()
 
       return (
-        <div className='uquestionscontainer'>
+        <div className={styles.questionscontainer}>
           {questions}
         </div>
       )
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index d1e811b..0189329 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -20,3 +20,33 @@
   font-size: 20px;
   margin: 5px;
 }
+
+
+.questioncontainer {
+  margin: 5px;
+}
+
+.questioncontainer:hover {
+  background-color: var(--hoover-color);
+}
+
+.questionscontainer {
+  margin: 10px;
+}
+
+.question {
+  font-weight: 'bold';
+  font-size: 16px;
+  color: #fff;
+  margin: 5px;
+}
+
+.answer {
+  margin: 5px;
+}
+
+.questionnumber {
+  color: #fff;
+  margin: 5px;
+  font-size: 20px;
+}