highlight a bit auth message for unauthorized users

web/app/components/auth-panel/_logged-in/auth-panel_logged-in.scss

@@ -0,0 +1,4 @@
+.auth-panel_logged-in {
+  font-size: 12px;
+  font-weight: 400;
+}

web/app/components/auth-panel/auth-panel.jsx

@@ -35,9 +35,9 @@ export default class AuthPanel extends Component {
     const sortArray = getSortArray(sort);
 
     return (
-      <div className={b('auth-panel', props)}>
+      <div className={b('auth-panel', props, { loggedIn: !!user.id })}>
         {
-          !!user.name && (
+          !!user.id && (
             <div className="auth-panel__column">
               You signed in as
               {' '}
@@ -50,7 +50,7 @@ export default class AuthPanel extends Component {
         }
 
         {
-          !user.name && (
+          !user.id && (
             <div className="auth-panel__column">
               Sign in to comment using
               {' '}
@@ -87,7 +87,7 @@ export default class AuthPanel extends Component {
           {user.admin && ' • '}
 
           {
-            !!user.name && (
+            !!user.id && (
               <span className="auth-panel__sort">
                 Sort by
                 {' '}

web/app/components/auth-panel/auth-panel.scss

@@ -1,6 +1,7 @@
 .auth-panel {
   display: flex;
   justify-content: space-between;
-  font-size: 12px;
+  font-size: 14px;
+  font-weight: 700;
   line-height: 16px;
 }

web/app/components/auth-panel/index.js

@@ -8,3 +8,5 @@ require('./__select/auth-panel__select.scss');
 require('./__sort/auth-panel__sort.scss');
 require('./__username/auth-panel__username.scss');
 require('./__user-id/auth-panel__user-id.scss');
+
+require('./_logged-in/auth-panel_logged-in.scss');