improve styles

1 files changed, 22 insertions, 17 deletions

diff --git a/index.html b/index.html
index 845e6e1..b5504e7 100644
--- a/index.html
+++ b/index.html
@@ -43,8 +43,8 @@
          sessionStorage.setItem("token", token);
 
          $('#username-field').html(username);
-         $('#loginbox').hide('slide');
-         $('#mainwindow').show();
+         $('#loginbox').slideUp();
+         $('#mainwindow').fadeIn();
        } else {
          alertbox.error("Fehler beim Login", data.errorstring);
          sessionStorage.removeItem("username");
@@ -87,9 +87,9 @@
       $(".alert").alert('close');
       $("#username").val('');
       $("#password").val('');
-      $("#mainwindow").hide();
+      $("#mainwindow").fadeOut();
       $('#username-field').html('');
-      $('#loginbox').show('slide');
+      $('#loginbox').slideDown();
     }
   </script>
  </head>
@@ -98,18 +98,20 @@
   <div class="container">
 
     <div id="loginbox">
+
       <form id="loginform" class="form-signin" role="form">
         <img src="/img/helsinki.png" />
         <h1 class="form-signin-heading">Radio Helsinki - Import</h1>
-        <div id="alertbox"></div>
         <input id="username" type="text" class="form-control" placeholder="Benutzername" required autofocus>
         <input id="password" type="password" class="form-control" placeholder="Passwort" required>
+        <div id="alertbox"></div>
         <button class="btn btn-primary btn-large" type="submit"><i class="icon-user icon-white"></i> Anmelden</button>
       </form>
+
     </div>
 
-    <div id="mainwindow">
 
+    <div id="mainwindow">
 
       <div class="navbar navbar-fixed-top">
         <div class="navbar-inner">
@@ -137,20 +139,23 @@
       </div>
 
       <div class="container-fluid">
-          <div class="span12">
-            <div class="hero-unit">
-              <h1>Hello, world!</h1>
-              <p>
-                This is a template for a simple marketing or informational website.
-                It includes a large callout called the hero unit and three supporting
-                pieces of content. Use it as a starting point to create something
-                more unique.
-              </p>
-            </div>
+        <div class="span12">
+          <div class="hero-unit">
+            <h1>Hello, world!</h1>
+            <p>
+              This is a template for a simple marketing or informational website.
+              It includes a large callout called the hero unit and three supporting
+              pieces of content. Use it as a starting point to create something
+              more unique.
+            </p>
           </div>
-      <div>
+        </div>
+      </div>
+
     </div>
 
+  </div>
+
   <script type="text/javascript">
     $("#loginform").submit(function(event) { login(); event.preventDefault(); });
     $('#username-field').html(username);