Minor style fixes across pages

src/components/layout.js

@@ -51,7 +51,7 @@ function MessageButton({
         }}
         style={{ cursor: userSpecificMotd ? 'pointer' : 'default' }}
         title={
-          userSpecificMotd && !userSpecificMotd.seen ? "You've got Mail!" : ''
+          userSpecificMotd && !userSpecificMotd.seen ? 'Új üzeneted van!' : ''
         }
       >
         {userSpecificMotd && !userSpecificMotd.seen ? '📬' : '📭'}
@@ -130,8 +130,10 @@ export default function Layout({
               <a>
                 <img
                   style={{ maxWidth: '100%' }}
-                  src={`${constants.siteUrl}img/frylabs-logo_small_transparent.png`}
-                  alt="Frylabs"
+                  src={`${
+                    constants.siteUrl
+                  }img/frylabs-logo_small_transparent.png`}
+                  alt="FryLabs"
                 />
               </a>
             </Link>
@@ -164,15 +166,18 @@ export default function Layout({
                 Donate
               </a>
             </div>
-            <div className="userStatus">
+            <div className={'userStatus'}>
               <MessageButton
                 userSpecificMotd={userSpecificMotd}
                 setShowMotdModal={setShowMotdModal}
                 refetchGlobalData={refetchGlobalData}
               />
-              <div title="User ID">UID: {userId || '...'}</div>
+              <div className={'uid'} title="User ID">
+                UID: {userId || '...'}
+              </div>
               <div
-                className="logout"
+                className={'logout'}
+                title="Kijelentkezés"
                 onClick={() => {
                   fetch(constants.apiUrl + 'logout', {
                     method: 'GET',

src/components/newsEntry.js

@@ -18,10 +18,14 @@ export default function NewsEntry({
 
   return (
     <div className={styles.newsRoot}>
-      <div className={`${styles.newsContainer} ${admin && styles.adminPost}`}>
+      <div
+        className={`${styles.newsContainer} ${admin &&
+          styles.adminPost}  ${!admin && styles.userPost}  ${uid == user &&
+          styles.ownPost} ${uid == user && admin && styles.adminPost}`}
+      >
         <div className={styles.newsHeader}>
           <div className={styles.newsTitle}>{title}</div>
-          <div className={styles.user}>
+          <div className={styles.userinfo}>
             <div>User #{user}</div>
             <div className={styles.newsDate}> @ {date}</div>
           </div>

src/components/newsEntry.module.css

@@ -30,11 +30,18 @@
   transition: width 0.5s, height 0.5s, ease-in 0.5s;
 }
 
-
 .adminPost {
   border-left: 4px solid var(--text-color);
 }
 
+.userPost {
+  border-left: 4px solid azure;
+}
+
+.ownPost {
+  border-left: 4px dotted azure;
+}
+
 .newsContainer img {
   max-width: 100%;
   min-width: 200px;
@@ -47,7 +54,7 @@
   align-items: center;
 }
 
-.user {
+.userinfo {
   display: flex;
   align-items: center;
   margin-bottom: 12px;