Minor style improvements on main page /on new features/

src/components/comments.js

@@ -22,14 +22,14 @@ function CommentInput({ onSubmit, onCancel }) {
             onSubmit(val)
           }}
         >
-          Submit
+          Küldés
         </span>
         <span
           onClick={() => {
             onCancel()
           }}
         >
-          Cancel
+          Bezárás
         </span>
       </div>
     </div>
@@ -68,20 +68,20 @@ function Comment({ comment, index, onComment, onDelete, onReact, uid }) {
         <div className={`${!displayed && styles.hidden}`}>
           <div className={styles.commentText}> {content}</div>
           <div className={'actions'}>
-            <span
+            <span className={styles.reply_bttn}
               onClick={() => {
                 setCommenting(true)
               }}
             >
-              Reply...
+              Válasz...
             </span>
             {own && (
-              <span
+              <span className={styles.delete_bttn}
                 onClick={() => {
                   onDelete([index])
                 }}
               >
-                Delete
+                Törlés
               </span>
             )}
             <ReactButton
@@ -178,12 +178,12 @@ export default function Comments({
             : null}
           {commentCount !== 0 ? (
             <div className={'actions'}>
-              <span
+              <span className={styles.comment_bttn}
                 onClick={() => {
                   setAddingNewComment(true)
                 }}
               >
-                New comment
+                Új komment
               </span>
             </div>
           ) : null}
@@ -191,7 +191,7 @@ export default function Comments({
             <CommentInput
               onSubmit={(e) => {
                 if (!e) {
-                  alert('Írj be valamit, hogy kommentelhess...')
+                  alert('Írj be valamit a szövegdobozba, hogy kommentelhess!')
                   return
                 }
                 setAddingNewComment(false)
@@ -216,10 +216,10 @@ export default function Comments({
           }
         }}
       >
-        <span>
+        <span className={styles.comment_bttn}>
           {commentCount === 0
-            ? 'New comment'
-            : `Show ${commentCount} comment${commentCount > 1 ? 's' : ''}`}
+            ? 'Új komment'
+            : `További ${commentCount} komment${commentCount > 1 ? ' mutatása' : ''}`}
         </span>
       </div>
     </div>