Some style changes
authorFlorian Zeitz <florob@babelmonkeys.de>
Thu, 9 Sep 2010 20:15:13 +0000 (22:15 +0200)
committerFlorian Zeitz <florob@babelmonkeys.de>
Thu, 9 Sep 2010 20:15:13 +0000 (22:15 +0200)
index.html
js/main.js
style.css

index 8de6589e0e2471ce50e8cb5ffcb07dd669b421b6..b99d27e4755f4b5e170c99ec9645f4bfaa7edde3 100644 (file)
 <body>
 <div id='login'>
   <form id='cred' name='cred'>
-    <label for='jid'>JID:</label>
+    <label for='jid'>JID:</label><br/>
     <input type='text' id='jid' />
     <br />
-    <label for='pass'>Password:</label>
+    <label for='pass'>Password:</label><br/>
     <input type='password' id='pass' />
+    <br />
     <input type='submit' id='connect' value='connect' />
   </form>
 </div>
 
-<div id='query'>
-  <form id='queryForm' name='queryForm'>
-    <label for='queryJID'>Query:</label>
-    <input type='text' id='queryJID' />
-    <input type='submit' value='Query' />
-  </form>
-</div>
+<div id='main'>
+  <div id='query'>
+    <form id='queryForm' name='queryForm'>
+      <label for='queryJID'>Query:</label>
+      <input type='text' id='queryJID' />
+      <input type='submit' value='Query' />
+    </form>
+  </div>
 
-<div id='output'></div>
+  <div id='output'></div>
+</div>
 
 <div id='log_container'>
   <a id='log_toggle' href='#'>Status Log :</a>
index 4cff25caf4b3a5e62fc7acbf1ae133f656cb383e..1bb3a459cee1c76a32db2d64f4ffd08b5c47ff7f 100644 (file)
@@ -67,6 +67,7 @@ function addForm(elem, x) {
         var type = $(this).attr("type");
         if($(this).attr("label")) {
             $("<label/>").text($(this).attr("label")).attr("for", $(this).attr("var")).appendTo(fieldset);
+            $("<br/>").appendTo(fieldset);
         }
         switch(type) {
         case "hidden":
@@ -76,7 +77,7 @@ function addForm(elem, x) {
             item = $("<input type='checkbox'/>");
             break;
         case "text-multi":
-            item = $("<textarea/>");
+            item = $("<textarea rows='10' cols='70'/>");
             break;
         case "text-single":
             item = $("<input type='text'/>");
@@ -85,7 +86,7 @@ function addForm(elem, x) {
             item = $("<input type='text'/>").attr("readonly",true);
             break;
         case "jid-multi":
-            item = $("<textarea/>");
+            item = $("<textarea rows='10' cols'70'/>");
             break;
         case "jid-single":
             item = $("<input type='text'/>");
@@ -131,7 +132,8 @@ function addForm(elem, x) {
             item.attr("id", $(this).attr("var"));
         }
         fieldset.append(item);
-        fieldset.append("<br/>");
+        if (type != "hidden")
+            fieldset.append("<br/>");
     });
     $(elem).append(form);
 }
@@ -254,7 +256,8 @@ function showConnect() {
     $('#query').hide();
     pass.show();
     jid.show();
-    $('label').show();
+    $('#cred label').show();
+    $('#cred br').show();
     $('#output').empty();
 }
 
@@ -267,6 +270,7 @@ function showDisconnect() {
     pass.hide();
     jid.hide();
     $('#cred label').hide();
+    $('#cred br').hide();
 }
 
 $(document).ready(function () {
index 1020e9e15cd3aeea9ef6fb121f5283c24f48a7d5..9bfb7458d419b67a7f7b2d527b1cd0dd967d0c01 100644 (file)
--- a/style.css
+++ b/style.css
@@ -2,8 +2,9 @@ label {
   margin-right: 0.5em
 }
 
-.df-item {
-  margin: 0.25em
+input, textarea {
+  margin: 0.25em;
+  margin-left: 1em
 }
 
 #log_container {
@@ -13,3 +14,20 @@ label {
 #query {
   display: none
 }
+
+#login{
+  float: left;
+  margin-right: 2em
+}
+
+#cred input[type="submit"] {
+  margin-left: 0em
+}
+
+#main {
+  float: left
+}
+
+#log_container {
+  clear: both
+}