From 2d03bf1974d5ffd798c0e037baa6e9c8b40335d0 Mon Sep 17 00:00:00 2001
From: Fabian Faessler <fabi@fabif.de>
Date: Sun, 29 Sep 2013 23:02:52 +0200
Subject: [PATCH] changed overview ui

---
 nsupdate/main/templates/main/overview.html | 32 +++++++++++++---------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/nsupdate/main/templates/main/overview.html b/nsupdate/main/templates/main/overview.html
index c8864fb..2854884 100644
--- a/nsupdate/main/templates/main/overview.html
+++ b/nsupdate/main/templates/main/overview.html
@@ -3,7 +3,7 @@
 
 {% block content %}
     <div class="row">
-        <div class="col-lg-9">
+        <div class="col-lg-12">
             <h3>Host List</h3>
             <table class="table">
             <tr><th>domain</th><th>last IP update</th><th>IPv4</th><th>IPv6</th><th>comment</th><th>action</th></tr>
@@ -24,22 +24,28 @@
             {% endfor %}
             </table>
         </div>
-        <div class="col-lg-3">
-            <h3>New Host</h3>
-            <form method="post" action="">
-                {% csrf_token %}
-                {{ form|bootstrap }}
-                <button type="submit" class="btn btn-primary">Create</button>
-            </form>
-        </div>
+        
     </div>
     <hr>
+
     <div class="row">
         <div class="col-lg-6">
-        <h3>Information</h3>
-        <p>We try to get your IP addresses through a trick. We host two fake images on a IPv4 and IPv6 domain and we can associate those with your session. If we find an IP address, we will update this information accordingly. This allows us to get your IPv4 address even when you are using your IPv6 and vice versa.</p>
-        <b>your IPv4:</b> <span class="ipv4adr">{{ request.session.ipv4 }}</span> <br>
-        <b>your IPv6:</b> <span class="ipv6adr">{{ request.session.ipv6 }}</span>
+            <div class="well well-sm">
+                <h3>New Host</h3>
+                <form method="post" action="">
+                    {% csrf_token %}
+                    {{ form|bootstrap }}
+                    <button type="submit" class="btn btn-primary">Create</button>
+                </form>
+            </div>
+        </div>
+        <div class="col-lg-6">
+            <div class="well well-sm">
+                <h3>Information</h3>
+                <p>We try to get your IP addresses through a trick. We host two fake images on a IPv4 and IPv6 domain and we can associate those with your session. If we find an IP address, we will update this information accordingly. This allows us to get your IPv4 address even when you are using your IPv6 and vice versa.</p>
+                <b>your IPv4:</b> <span class="ipv4adr">{{ request.session.ipv4 }}</span> <br>
+                <b>your IPv6:</b> <span class="ipv6adr">{{ request.session.ipv6 }}</span>
+            </div>
         </div>
     </div>
 {% endblock %}