Small layout fixes

* Add maximal width for roster entries
* Nice looking padding
* Use random id
* Update strophejs version used

diff --git a/css/standard.css b/css/standard.css
index 47fa53ab19551afb2eac4c819845546ce2e49f46..b6c3b8e27a9f8a23a3fd48ab41fb0e753f4973db 100644 (file)
--- a/css/standard.css
+++ b/css/standard.css
@@ -20,7 +20,9 @@
 }
 
 #friends {
+  display: none;
   max-width: 50%;
+  padding: 1em;
   background: grey;
   float: left;
 }
@@ -31,8 +33,9 @@
 
 .friend {
   float: left;
-  margin: 2em;
+  margin: 0.5em;
   text-align: center;
+  max-width: 10em;
 }
 
 .friend img, #vCard_container img {

diff --git a/scripts/basic.js b/scripts/basic.js
index 128ba202041f0c9fb8f76ef9d2f23230226173f3..2f816f378633d2fbf767e04fbd247c7ab284491b 100644 (file)
--- a/scripts/basic.js
+++ b/scripts/basic.js
@@ -175,11 +175,13 @@ function _cbRoster(e) {
     var initialPresence = $pres().c('show').t('online').up().c('status').t('Hy, I am an socialXMPP instance').up().c('priority').t('1').up().c('c', {xmlns: NS_CAPS, hash: 'sha-1', node: 'http://jabber.babelmonkeys.de', ver: genCaps()}).up();
     connection.send(initialPresence.tree());
 
+    $('#friends').show();
+
     return false;
 }
 
 function getRoster() {
-    var id = 'getRoster';
+    var id = connection.getUniqueId('roster');
 
     var rosteriq = $iq({'id':id,
                        'type':'get'}
@@ -331,7 +333,7 @@ function showConnect() {
     $('#log').empty();
     $('#ownInfo').hide();
     $('#vCard_container').empty();
-    $('#friends').empty();
+    $('#friends').hide();
     $('.chat').remove();
     $('label').show();
     jid.show();

diff --git a/scripts/strophejs b/scripts/strophejs
index b3177bf164e2a8d26f18535d117a18f935340379..869a007c919936756c3f00cd298450e6a6b27a7a 160000 (submodule)
--- a/scripts/strophejs
+++ b/scripts/strophejs
@@ -1 +1 @@
-Subproject commit b3177bf164e2a8d26f18535d117a18f935340379
+Subproject commit 869a007c919936756c3f00cd298450e6a6b27a7a