diff --git a/static/juice.css b/static/juice.css index e69de29..f04a67f 100644 --- a/static/juice.css +++ b/static/juice.css @@ -0,0 +1,25 @@ +body { + padding: 5%; + display: flex; + justify-content: center; +} + +.device { + border: 1px solid #ccc; + padding: 5%; + margin: 5%; + display: flex; + flex-direction: column; + align-items: center; +} + +.sub_devices { + display: flex; + border: 1px solid #ccc; +} + +.sub_device { + border: 1px solid #ccc; + padding: 1em; + margin: 1em; +} diff --git a/templates/index.html b/templates/index.html index 9588821..d483b05 100644 --- a/templates/index.html +++ b/templates/index.html @@ -8,7 +8,7 @@ {% for dev_type, devices in network.items() %} {% for device in devices %} -
+
{{ device.id }}
{{ device.description }}
{{ device.location }}
@@ -16,7 +16,7 @@
{% for sub_dev_type, sub_devs in device.sub_devices.items() %} {% for sub_dev in sub_devs %} -
+
{{ sub_dev.id }}
OUTLET_IMAGE
{{ sub_dev.description }}