Rework of page "allQuestions", minor style and layout fixes and modifications for other pages

src/components/QuestionSearchResult.js

@@ -45,16 +45,14 @@ export default function QuestionSearchResult({ data, searchTerm }) {
 
   const renderCount = () => {
     return (
-      <div>
-        <div>
-          {searchTerm ? '' : 'Kezdj el írni kereséshez! '}
-          {`${results} találat, ${subjs.length || data.length} tárgyból`}
-        </div>
+      <div className="resultContainer">
         {results === 0 && (
           <div>
-            {'Pontos egyezést keres a kereső, próbálj kisebb részletre keresni'}
+            {`${results} találat. Az általad keresett kifejezés nem található, 
+          próbáld bővíteni a keresési feltételt!`}
           </div>
         )}
+        {results > 0 && <div>{`${results} találat.`}</div>}
       </div>
     )
   }
@@ -62,10 +60,12 @@ export default function QuestionSearchResult({ data, searchTerm }) {
   if (results > constants.maxQuestionsToRender) {
     return (
       <div>
-        {renderCount()}
         {searchTerm ? (
-          <div>Szűkítsd a keresést találatok megjelenítéséhez!</div>
+          <div className="resultContainer">
+            Szűkítsd a keresési feltételeket a találatok megjelenítéséhez!
+          </div>
         ) : null}
+        <hr />
       </div>
     )
   } else {

src/components/Questions.js

@@ -10,9 +10,10 @@ class Questions extends PureComponent {
 
     return (
       <div>
+        <hr />
         {subjs.map((subj, i) => {
           return (
-            <div key={i}>
+            <div className={styles.questionBg} key={i}>
               <div className={styles.subjName}>{subj.Name}</div>
               {subj.Questions.map((question, i) => {
                 return <Question key={i} question={question} />

src/components/Questions.module.css

@@ -1,7 +1,14 @@
 .subjName {
   font-size: 24px;
-  background-color: #9999ff;
+  font-weight: 600;
+  background-color: var(--text-color);
   color: black;
+  margin-top: 25px;
   padding: 10px;
   word-wrap: break-word;
 }
+
+.questionBg {
+  background-color: #1b1b1c;
+  padding-bottom: 5px;
+}

src/components/composer.js

@@ -27,14 +27,16 @@ export default function Composer({ onSubmit }) {
 
   return (
     <>
-      <div
-        onClick={() => {
-          setEditorShowing(true)
-        }}
-        className={styles.new}
-      >
-        Bejegyzés írása...
-      </div>
+      <center>
+        <div
+          onClick={() => {
+            setEditorShowing(true)
+          }}
+          className={styles.new}
+        >
+          Bejegyzés írása...
+        </div>
+      </center>
       {editorShowing && (
         <Modal
           closeClick={() => {

src/components/composer.module.css

@@ -39,16 +39,31 @@
 }
 
 .new {
-  text-align: center;
-  background-color: #191919;
-  border-radius: 3px;
-  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  margin: 10px 0px;
+  height: 19px;
+  width: 30%;
+  display: flex;
+  background-color: var(--hoover-color);
+  border: none;
+  color: var(--text-color);
+  padding: 10px;
+  font-size: 15px;
   margin: 8px;
-  padding: 8px;
+  cursor: pointer;
+  text-shadow: 1px 1px 8px black;
+  transition: width 0.5s, height 0.5s, ease-in 0.5s;
+  text-align: center;
+  text-decoration: none;
 }
 
 .new:hover {
-  background-color: var(--hoover-color);
+  text-shadow: 2px 2px 8px black;
+  transition: width 0.5s, height 0.5s, ease-out 0.5s;
+  background-color: var(--text-color);
+  font-weight: bold;
+  color: black;
 }
 
 .composerAction {

src/components/layout.module.css

@@ -23,10 +23,6 @@
   cursor: pointer;
 }
 
-.sidebarLinks a:hover {
-  transition: width 0.5s, height 0.5s, ease-out 0.5s;
-}
-
 .sidebarLinks a.active {
   border: 0.5px solid var(--text-color);
   color: white;