Contribute page imporvements

src/pages/contribute.js

@@ -84,35 +84,34 @@ export default function contribute() {
         </a>
         -n, és útbaigazítalak.
       </div>
-      <Todos />
       <div className={styles.description}>
         Itt írhatsz új todo-ra ötleteket, vagy jelezhetsz hogy egyikben
         segítenél
       </div>
       {renderNewTaskArea()}
+      <hr />
+      <Todos />
       <Sleep />
       <hr />
       <div className={styles.title}>Git repos</div>
       <hr />
       <hr />
       <div className={styles.repos}>
-        <ul>
+        {Object.keys(repos.repos).map((key) => {
-          {Object.keys(repos.repos).map((key) => {
+          let repo = repos.repos[key]
-            let repo = repos.repos[key]
+          return (
-            return (
+            <a key={key} href={repo.href}>
-              <li key={key}>
+              {repo.description}
-                <a href={repo.href}>{repo.description}</a>
+            </a>
-              </li>
+          )
-            )
+        })}
-          })}
-        </ul>
         <hr />
-        <div style={{ textAlign: 'center' }}>
+      </div>
-          <img
+      <div style={{ textAlign: 'center' }}>
-            style={{ maxWidth: '100%', width: '400px' }}
+        <img
-            src={`${constants.siteUrl}img/bug.png`}
+          style={{ maxWidth: '100%', width: '400px' }}
-          />
+          src={`${constants.siteUrl}img/bug.png`}
-        </div>
+        />
       </div>
     </div>
   )

src/pages/contribute.module.css

@@ -39,3 +39,7 @@
   font-size: 30px;
   text-align: center;
 }
+
+.repos a {
+  margin: 0px 5px;
+}