From 06d773d0c493ee7fd3e0ba2b6843d7bf241a58ca Mon Sep 17 00:00:00 2001
From: Benjamin Bertrand <benjamin.bertrand@esss.se>
Date: Mon, 20 Nov 2017 20:47:56 +0100
Subject: [PATCH] Improve hosts template

---
 app/templates/hosts.html | 57 +++++++++++++++++++++-------------------
 1 file changed, 30 insertions(+), 27 deletions(-)

diff --git a/app/templates/hosts.html b/app/templates/hosts.html
index 14adf60..6f22bf9 100644
--- a/app/templates/hosts.html
+++ b/app/templates/hosts.html
@@ -3,34 +3,37 @@
 {% block title %}Hosts - CSEntry{% endblock %}
 
 {% block main %}
-  <h3>Host</h3>
-
-  <form id="hostForm" method="POST">
-    {{ form.hidden_tag() }}
-    <div class="form-group row">
-      {{ form.network_id.label(class_="col-sm-2 col-form-label") }}
-      <div class="col-sm-10">
-        {{ form.network_id(class_="form-control") }}
-      </div>
-    </div>
-    <div class="form-group row">
-      {{ form.ip.label(class_="col-sm-2 col-form-label") }}
-      <div class="col-sm-10">
-        {{ form.ip(class_="form-control") }}
-      </div>
-    </div>
-    <div class="form-group row">
-      {{ form.name.label(class_="col-sm-2 col-form-label") }}
-      <div class="col-sm-10">
-        {{ form.name(class_="form-control") }}
-      </div>
-    </div>
-    <div class="form-group row">
-      <div class="col-sm-10">
-        <button type="submit" class="btn btn-primary">Submit</button>
-      </div>
+  <div class="card">
+    <h4 class="card-header">Register new host</h4>
+    <div class="card-body">
+      <form id="hostForm" method="POST">
+        {{ form.hidden_tag() }}
+        <div class="form-group row">
+          {{ form.network_id.label(class_="col-sm-2 col-form-label") }}
+          <div class="col-sm-10">
+            {{ form.network_id(class_="form-control") }}
+          </div>
+        </div>
+        <div class="form-group row">
+          {{ form.ip.label(class_="col-sm-2 col-form-label") }}
+          <div class="col-sm-10">
+            {{ form.ip(class_="form-control") }}
+          </div>
+        </div>
+        <div class="form-group row">
+          {{ form.name.label(class_="col-sm-2 col-form-label") }}
+          <div class="col-sm-10">
+            {{ form.name(class_="form-control") }}
+          </div>
+        </div>
+        <div class="form-group row">
+          <div class="col-sm-10">
+            <button type="submit" class="btn btn-primary">Submit</button>
+          </div>
+        </div>
+      </form>
     </div>
-  </form>
+  </div>
 
   <hr class="separator">
 
-- 
GitLab