From d36612dfb664c711eeaeb5d7851ddbbebe7f465b Mon Sep 17 00:00:00 2001 From: iou1name Date: Wed, 5 Jun 2019 16:04:44 -0400 Subject: [PATCH] basic page layout --- static/juice.css | 25 +++++++++++++++++++++++++ templates/index.html | 4 ++-- 2 files changed, 27 insertions(+), 2 deletions(-) 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 }}