Ticket #1869

template/account_unit.html

@@ -1,10 +1,10 @@
 <div class="bx-account-unit bx-def-unit absolute bx-def-margin-bottom bx-def-margin-sec-right">
     <div class="bx-def-unit-img bx-def-thumb bx-def-thumb-size">
         <a class="bx-def-font-align-center" href="__content_url__">
-            <p class="bx-base-pofile-unit-thumb bx-def-thumb bx-def-thumb-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+            <p class="bx-account-unit-thumb bx-def-thumb bx-def-thumb-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
         </a>
         <bx_if:show_online>
-            <div class="bx-base-pofile-unit-online"></div>
+            <div class="bx-account-unit-online"></div>
         </bx_if:show_online>
     </div>
     <div class="bx-def-unit-info bx-def-thumb-size-min-height bx-def-thumb-size-max-height bx-def-thumb-size-left-indent">

template/account_unit_wo_info.html

@@ -1,10 +1,10 @@
 <div class="bx-account-unit-wo-info bx-def-thumb-size">
     <div class="bx-def-unit-img bx-def-thumb-size">
         <a class="bx-def-font-align-center" href="__content_url__">
-            <p class="bx-base-pofile-unit-thumb bx-def-thumb bx-def-thumb-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+            <p class="bx-account-unit-thumb bx-def-thumb bx-def-thumb-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
         </a>
         <bx_if:show_online>
-            <div class="bx-base-pofile-unit-online"></div>
+            <div class="bx-account-unit-online"></div>
         </bx_if:show_online>
     </div>
 </div>

template/account_unit_wo_info_links.html

@@ -1,8 +1,8 @@
 <div class="bx-account-unit-wo-info bx-def-thumb-size">
     <div class="bx-def-unit-img bx-def-thumb-size">
-        <p class="bx-base-pofile-unit-thumb bx-def-thumb bx-def-thumb-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
+        <p class="bx-account-unit-thumb bx-def-thumb bx-def-thumb-size bx-def-border bx-def-box-sizing" style="background-color:rgba(__color__)">__letter__</p>
         <bx_if:show_online>
-            <div class="bx-base-pofile-unit-online"></div>
+            <div class="bx-account-unit-online"></div>
         </bx_if:show_online>
     </div>
 </div>

template/css/general.css

@@ -147,18 +147,28 @@
 }
 
 /* --------------- Account */
-.bx-account-unit p {
-	display: block;
+p.bx-account-unit-thumb {
+    display: block;
     margin: 0px;
 
     line-height: 46px;
     line-height: 2.9rem;
 
-    font-size: 20px;
-    font-size: 1.2rem;
+    font-size: 32px;
+    font-size: 2.0rem;
     font-weight: 700;
     color: #d0d0d0;
 }
+div.bx-account-unit-online {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    width: 0.625rem;
+    height: 0.625rem;
+    border: 1px solid #ffffff;
+    border-radius: 0.625rem;
+    background-color: #7ed321;
+}
 
 /* --------------- Mentions */