A few fixes for sidebar styling.

mozilla · Aug 14, 2012 · d7e9794 · d7e9794
1 parent cbfe318
commit d7e9794
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/app/http/public/stylesheets/sidebar.css b/app/http/public/stylesheets/sidebar.css
@@ -159,12 +159,14 @@ span svg {
 }
 
 .contacts .header svg {
-  width: 30px;
+  width: 20px;
   height: 20px;
 }
 
 .contact {
   clear: both;
+  overflow: hidden;
+  height: 2em;
 }
 .contact * {
   height: 2em;
@@ -175,7 +177,8 @@ span svg {
 }
 .contact .name {
   float: left;
-  margin: 1em;
+  margin: 0.5em;
+  padding: 0;
   margin-top: 0.75em;
 
 }

diff --git a/app/http/views/social/sidebar.ejs b/app/http/views/social/sidebar.ejs
@@ -105,9 +105,10 @@
           li.find('a').text(contact.realName).attr('href', 'https://mozillians.org/en-US/search?q=' + contact.nick);
           li.find('img').attr('src', contact.gravatar + "?s=30");
 
-          if (!contact.status){
+          // This swaps out an "Online" state instead of the svg
-            contact.status = "online";
+          // if (!contact.status){
-          }
+            // contact.status = "online";
+          // }
 
           if (contact.status){
             li.find('svg').hide();
@@ -223,7 +224,7 @@
           <h2>Contacts</h2>
           <span id="my_status" class="status">
             <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
-              <circle cx="15" cy="15" r="5" stroke-width="0" fill="green" />
+              <circle cx="10" cy="10" r="5" stroke-width="0" fill="green" />
             </svg>
             <button class="btn btn-mini" data-toggle="dropdown" style="display:none;"></button>
           </span>