From 5a7a950c196ced13b0cb5c8950ce488d00ffa761 Mon Sep 17 00:00:00 2001 From: Shiftypanda Date: Tue, 6 Feb 2018 23:52:17 +0000 Subject: [PATCH] css and styling updates --- sleep/static/templates/css/sleep.css | 14 +++++++++++++- sleep/templates/sleep/base.html | 2 +- sleep/templates/sleep/detail.html | 20 +++++++++++++++----- 3 files changed, 29 insertions(+), 7 deletions(-) diff --git a/sleep/static/templates/css/sleep.css b/sleep/static/templates/css/sleep.css index 1f1f5a8..e720457 100644 --- a/sleep/static/templates/css/sleep.css +++ b/sleep/static/templates/css/sleep.css @@ -1,4 +1,4 @@ -.base-header { +.page-header { margin-top: 0; padding: 20px 20px 20px 40px; @@ -60,3 +60,15 @@ body { .comment { margin: 20px 0px 20px 20px; } + +.sleep-detail { + font-family: sans-serif; + padding: 20px 10px 20px 10px; + +} + +.sleep-detail .result { + align-items: flex-end; + padding-left: 30px; + +} diff --git a/sleep/templates/sleep/base.html b/sleep/templates/sleep/base.html index 3f26093..8d3b7b3 100644 --- a/sleep/templates/sleep/base.html +++ b/sleep/templates/sleep/base.html @@ -9,7 +9,7 @@ -
+
diff --git a/sleep/templates/sleep/detail.html b/sleep/templates/sleep/detail.html index 1e138af..61ab4bf 100644 --- a/sleep/templates/sleep/detail.html +++ b/sleep/templates/sleep/detail.html @@ -1,21 +1,31 @@ {% extends 'sleep/base.html' %} {% block content %} -

{{ sleep.sleep_date|date:'d-m-Y'}}

+

{{ sleep.sleep_date|date:'d-m-Y'}}

{% if error_message %}

{{ error_message }}

{% endif %}

Sleep date: {{ sleep.sleep_date|date:'d-m-Y'}}

- + + - + + - + +
- +
Time started preparing for bed: {{ sleep.time_start_preparing_for_sleep|date:'H:i e'}}
Time started preparing for bed: + + {{ sleep.time_start_preparing_for_sleep|date:'H:i e'}}
Time went to bed: {{ sleep.time_went_into_bed|date:'H:i e' }}
Time went to bed: + + {{ sleep.time_went_into_bed|date:'H:i e' }}
Time went to sleep: {{ sleep.time_went_to_sleep|date:'H:i e'}}
Time went to sleep: + + {{ sleep.time_went_to_sleep|date:'H:i e'}}
Time woke in the morning: {{ sleep.time_woke_in_morning|date:'H:i e'}}
Time woke in the morning: + {{ sleep.time_woke_in_morning|date:'H:i e'}}