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

src/components/comments.js

@@ -68,7 +68,8 @@ function Comment({ comment, index, onComment, onDelete, onReact, uid }) {
         <div className={`${!displayed && styles.hidden}`}>
           <div className={styles.commentText}> {content}</div>
           <div className={'actions'}>
-            <span className={styles.reply_bttn}
+            <span
+              className={styles.reply_bttn}
               onClick={() => {
                 setCommenting(true)
               }}
@@ -76,7 +77,8 @@ function Comment({ comment, index, onComment, onDelete, onReact, uid }) {
               Válasz...
             </span>
             {own && (
-              <span className={styles.delete_bttn}
+              <span
+                className={styles.delete_bttn}
                 onClick={() => {
                   onDelete([index])
                 }}
@@ -178,7 +180,8 @@ export default function Comments({
             : null}
           {commentCount !== 0 ? (
             <div className={'actions'}>
-              <span className={styles.comment_bttn}
+              <span
+                className={styles.comment_bttn}
                 onClick={() => {
                   setAddingNewComment(true)
                 }}
@@ -219,7 +222,9 @@ export default function Comments({
         <span className={styles.comment_bttn}>
           {commentCount === 0
             ? 'Új komment'
-            : `További ${commentCount} komment${commentCount > 1 ? ' mutatása' : ''}`}
+            : `További ${commentCount} komment${
+                commentCount > 1 ? ' mutatása' : ''
+              }`}
         </span>
       </div>
     </div>

src/components/composer.js

@@ -67,7 +67,11 @@ export default function Composer({ onSubmit }) {
                 }}
               />
             )}
-            <div id="radiolabel"><p><b>A poszt típusa:</b></p></div>
+            <div id="radiolabel">
+              <p>
+                <b>A poszt típusa:</b>
+              </p>
+            </div>
             <div className={styles.typeSelector}>
               <div title="A főoldalon mindenki láthatja, reagálhat rá és kommentelhet alá">
                 <input

src/components/composer.module.css

@@ -27,6 +27,10 @@
   margin-left: 6px;
 }
 
+.typeSelector > div {
+  display: flex;
+}
+
 .tip {
   font-size: 11px;
   font-style: italic;

src/components/newsEntry.js

@@ -42,7 +42,7 @@ export default function NewsEntry({
               onPostDelete()
             }}
           >
-            Törlés
+            Törlés
           </span>
         ) : null}
         <ReactButton

src/components/sleep.js

@@ -13,7 +13,7 @@ export default function Sleep(props) {
               border: '2px solid white',
             }}
             src={constants.siteUrl + 'img/aludni.jpeg'}
-            title="Ezt a kepet azert latod, mert ilyenkor mar igazan nem ezen az oldalon kellene jarnod"
+            title="Ezt a képet azert látod, mert ilyenkor már igazán nem ezen az oldalon kellene járnod"
           />
         </center>
       </div>

src/defaultStyles.css

@@ -322,7 +322,7 @@ select {
 }
 
 select:hover {
-        border: 1px solid #F2CB05;
+  border: 1px solid #f2cb05;
 }
 
 .userStatus {

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