Rework of page "ranklist" (part2), /style fixed delete, show comments buttons on index.js/

src/components/comments.js

@@ -45,8 +45,8 @@ function Comment({ comment, index, onComment, onDelete, onReact, uid }) {
   const commentStyle = admin
     ? styles.adminComment
     : own
-    ? styles.ownComment
-    : ''
+      ? styles.ownComment
+      : ''
 
   return (
     <div className={styles.comment}>
@@ -222,9 +222,7 @@ export default function Comments({
         <span className={styles.comment_bttn}>
           {commentCount === 0
             ? 'Új komment'
-            : `További ${commentCount} komment${
-                commentCount > 1 ? ' mutatása' : ''
-              }`}
+            : `Kommentek mutatása (${commentCount})`}
         </span>
       </div>
     </div>

src/components/newsEntry.js

@@ -38,6 +38,7 @@ export default function NewsEntry({
       <div className={'actions'}>
         {uid === user ? (
           <span
+            className={styles.delete_bttn}
             onClick={() => {
               onPostDelete()
             }}

src/components/newsEntry.module.css

@@ -21,6 +21,16 @@
   margin: 5px 5px;
 }
 
+.delete_bttn {
+  font-size: 15px;
+  margin-top: 12px !important;
+  margin-left: 2px !important;
+  margin-right: 5px !important;
+  padding-top: 4px !important;
+  transition: width 0.5s, height 0.5s, ease-in 0.5s;
+}
+
+
 .adminPost {
   border-left: 4px solid var(--text-color);
 }