From 396e54c0a7457e5d2dc5eb6580e0c53fad2edb33 Mon Sep 17 00:00:00 2001
From: JC Brand <jc@opkode.com>
Date: Fri, 9 Aug 2013 23:16:46 +0200
Subject: [PATCH] fixed markup for 'add a contact'

---
 converse.css | 10 ++++++++--
 mockup.html  |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/converse.css b/converse.css
index 4f7f5351f..8029260ca 100644
--- a/converse.css
+++ b/converse.css
@@ -309,6 +309,10 @@ dl.add-converse-contact {
     display: inline;
 }
 
+.fancy-dropdown a.toggle-xmpp-contact-form span {
+   float: left; 
+}
+
 #fancy-xmpp-status-select a.change-xmpp-status-message {
     background: url('images/pencil_icon.png') no-repeat right 3px;
     float: right;
@@ -783,7 +787,8 @@ form.add-xmpp-contact input {
 .chatbox .dropdown dt a span {
     cursor:pointer; 
     display:block; 
-    padding: 5px;
+    padding: 3px 7px 0 5px;
+    color: rgb(102, 102, 102);
 }
 
 .chatbox .dropdown dd ul {
@@ -807,8 +812,9 @@ form.add-xmpp-contact input {
 }
 
 .chatbox .dropdown a {
-    padding: 3px 0 0 5px;
     height: 22px;
+    display: inline-block;
+    padding-top: 2px;
 }
 
 .chatbox .dropdown a.offline {
diff --git a/mockup.html b/mockup.html
index 1bad28226..e7ab8056f 100644
--- a/mockup.html
+++ b/mockup.html
@@ -77,8 +77,8 @@
                 </form>
                 <dl class="add-converse-contact dropdown">
                     <dt id="xmpp-contact-search" class="fancy-dropdown">
-                        <span class="icon-plus"></span>
                         <a class="toggle-xmpp-contact-form" href="#" title="Click to add new chat contacts">
+                            <span class="icon-plus"></span>
                             Add a contact
                         </a>
                     </dt>