Rework of page "ranklist" (part1), changed color on "loadingindicator"

src/pages/manual.js

@@ -107,7 +107,9 @@ function renderMaual() {
       </div>
       <hr />
       <center>
-        <h2 id="pw" className={'subtitle'}>Jelszavak</h2>
+        <h2 id="pw" className={'subtitle'}>
+          Jelszavak
+        </h2>
       </center>
       <div className={'manualBody'}>
         <p>

src/pages/pwRequest.js

@@ -89,32 +89,47 @@ export default function PwRequest(props) {
       </div>
       <div id="form">
         <div className={styles.text}>
-          <p className={styles.descrip}>Ezen az oldalon lehetőséged van lekérni jelszavakat, 
-          hogy új felhasználókat hívhass meg az oldalra, vagy elfelejtett jelszavadat pótold, 
-          amennyiben még be vagy jelentkezve a régivel. (Konkrét elfelejtett jelszó funkció még nincsen)<br />
-          Minden felhasználó saját és különböző jelszót kap. Inkább generálj egyet és add oda másnak,
-          mint hogy közösen használjatok egyet, mert egyszerre, egy felhasználó csak egy helyen, egy 
-          eszközön lehet belépve, mindenhol máshol automatikusan kijelentkeztetésre kerül. A jelszavakról
-          bővebben a Script használata oldal <a href="/manual#pw" target="_blank">vonatkozó részén</a> olvashatsz.</p>
+          <p className={styles.descrip}>
+            Ezen az oldalon lehetőséged van lekérni jelszavakat, hogy új
+            felhasználókat hívhass meg az oldalra, vagy elfelejtett jelszavadat
+            pótold, amennyiben még be vagy jelentkezve a régivel. (Konkrét
+            elfelejtett jelszó funkció még nincsen)
+            <br />
+            Minden felhasználó saját és különböző jelszót kap. Inkább generálj
+            egyet és add oda másnak, mint hogy közösen használjatok egyet, mert
+            egyszerre, egy felhasználó csak egy helyen, egy eszközön lehet
+            belépve, mindenhol máshol automatikusan kijelentkeztetésre kerül. A
+            jelszavakról bővebben a Script használata oldal{' '}
+            <a href="/manual#pw" target="_blank">
+              vonatkozó részén
+            </a>{' '}
+            olvashatsz.
+          </p>
         </div>
         <div className={styles.text}>
           Az új felhasználóknak
           <span>{' ' + daysAfterUserGetsPWs + ' '}</span>
-          napot kell várniuk, míg jelszó generálási lehetőséget kapnak.< br />
-          Egy felhasználó egyszerre 
+          napot kell várniuk, míg jelszó generálási lehetőséget kapnak.
+          <br />
+          Egy felhasználó egyszerre
           <span>{' ' + addPWCount + ' '}</span>
           jelszót generálhat, a jelszókérések közt
           <span>{' ' + addPwPerDay + ' '}</span>
-          napnak kell eltelnie, hogy újabb jelszót kérhess le.<br />
+          napnak kell eltelnie, hogy újabb jelszót kérhess le.
+          <br />
           Egy felhasználó összesen
           <span>{' ' + maxPWCount + ' '}</span>
-          jelszót generálhat.<br />          
+          jelszót generálhat.
+          <br />
           Ebből eddig
           <span>{' ' + requestedPWS + ' '}</span>
           lehetőséget használtál fel, tehát még
-          <span>{' ' + remaining}</span> db jelszót kérhetsz le. <br /><br /> A jelenleg bejelentkezett 
-          felhasználó létrehozva:
-          <span>{' ' + dayDiff}</span> napja,<span>{' ' + createDate}</span>-kor.<br /><br />
+          <span>{' ' + remaining}</span> db jelszót kérhetsz le. <br />
+          <br /> A jelenleg bejelentkezett felhasználó létrehozva:
+          <span>{' ' + dayDiff}</span> napja,<span>{' ' + createDate}</span>
+          -kor.
+          <br />
+          <br />
         </div>
         <div className={styles.buttonContainer}>
           <div onClick={handleSubmit} className={styles.button}>

src/pages/pwRequest.module.css

@@ -6,7 +6,7 @@
 }
 
 .button {
-  background-color: #F2CB05;
+  background-color: #f2cb05;
   border: none;
   color: black;
   padding: 15px 30px;