Finishing up style fixes across pages

src/components/layout.js

@@ -20,10 +20,11 @@ const renderSnow = () => {
 function Donate() {
   return (
     <div>
-      <div>
-        Paypalon és Patreonon látszódik a neved, de Patreonon könnyen meg lehet
+      <div className={styles.modalHead}>Donate</div>
+      <div style={{ textAlign: 'justify', margin: '8px' }}>
+        Paypalen és Patreonon látszódik a neved, de Patreonon könnyen meg lehet
         változtatni. Ha név nélkül szeretnél adakozni, akkor írd át egy
-        nickname-ra. De akárhova adakozol, a neved sehova se lesz kiadva, és nem
+        nickname-re. De akárhova adakozol, a neved sehova se lesz kiadva, és nem
         látja 3. személy.
       </div>
       <div className={styles.donateLogoContainer}>
@@ -32,10 +33,22 @@ function Donate() {
           target="_blank"
           rel="noreferrer"
         >
-          <img src={`${constants.siteUrl}img/patreon-logo.png`} />
+          <img
+            style={{
+              border: 'none',
+              margin: '15px',
+            }}
+            src={`${constants.siteUrl}img/patreon-logo.png`}
+          />
         </a>
         <a href={`${constants.siteUrl}donate`} target="_blank" rel="noreferrer">
-          <img src={`${constants.siteUrl}img/paypal-logo.png`} />
+          <img
+            style={{
+              border: 'none',
+              margin: '15px',
+            }}
+            src={`${constants.siteUrl}img/paypal-logo.png`}
+          />
         </a>
       </div>
     </div>
@@ -102,9 +115,12 @@ export default function Layout({
   const userId = globalData.userId
   const userSpecificMotd = globalData.userSpecificMotd
 
-  useEffect(() => {
-    setDonateShowing(!!router.query.donate)
-  }, [router.query.donate])
+  useEffect(
+    () => {
+      setDonateShowing(!!router.query.donate)
+    },
+    [router.query.donate]
+  )
 
   let href = router.route
   if (href === '/' || href === '') {
@@ -160,8 +176,14 @@ export default function Layout({
             <Link href="/">
               <a>
                 <img
-                  style={{ maxWidth: '100%' }}
-                  src={`${constants.siteUrl}img/frylabs-logo_small_transparent.png`}
+                  style={{
+                    maxWidth: '100%',
+                    border: 'none',
+                    margin: '1px',
+                  }}
+                  src={`${
+                    constants.siteUrl
+                  }img/frylabs-logo_small_transparent.png`}
                   alt="FryLabs"
                 />
               </a>