Rename .header and .value classes in 'logged-in-as' block for prevent conflict

Change-Id: If1a251089460bc202d1b88553354533801c4e7a1
diff --git a/app/soc/content/less/gci/elements/sidebar.less b/app/soc/content/less/gci/elements/sidebar.less
index 5401c14..5acc60d 100644
--- a/app/soc/content/less/gci/elements/sidebar.less
+++ b/app/soc/content/less/gci/elements/sidebar.less
@@ -311,12 +311,17 @@
   .clearfix;
 }
 
-.block-logged-in-as .header {
-  color: @color_dark_red;
-  font-size: 11px;
-}
+.block-logged-in-as {
 
-.block-logged-in-as .value {
-  color: @color_dark_grey;
-  font-size: 15px;
+  .block-header {
+    display: block;
+    color: @color_dark_red;
+    font-size: 11px;
+  }
+
+  .block-value {
+    display: block;
+    color: @color_dark_grey;
+    font-size: 15px;
+  }
 }
diff --git a/app/soc/templates/modules/gci/_logged_in_as.html b/app/soc/templates/modules/gci/_logged_in_as.html
index 1f8fd09..e84ede5 100644
--- a/app/soc/templates/modules/gci/_logged_in_as.html
+++ b/app/soc/templates/modules/gci/_logged_in_as.html
@@ -1,12 +1,12 @@
 <div class="block block-red block-logged-in-as">
   <div class="block-title">Logged-In As</div>
   <div class="block-content">
-    <span class="header">ACCOUNT</span>
-    <span class="value">{{ logged_in_as }}</span>
+    <span class="block-header">ACCOUNT</span>
+    <span class="block-value">{{ logged_in_as }}</span>
     {% if username %}
-    <span class="header">USERNAME</span>
-    <span class="value">{{ username }}</span>
+      <span class="block-header">USERNAME</span>
+      <span class="block-value">{{ username }}</span>
     {% endif %}
-    </div>
+  </div>
   <div class="block-footer"><a href="{{ link_url }}">{{ link_label }}</a></div>
 </div>