Feedback page news fix

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;
 }

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>
       )

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;
+}