From 0f7e710889d056a015e3e0cb564eb35e325d210b Mon Sep 17 00:00:00 2001
From: Ching <loooching@gmail.com>
Date: Thu, 10 Oct 2019 23:13:24 +0800
Subject: [PATCH] [U] update office hour page style

---
 timer/templates/index.html | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/timer/templates/index.html b/timer/templates/index.html
index 0a0253e..237be64 100644
--- a/timer/templates/index.html
+++ b/timer/templates/index.html
@@ -1,23 +1,27 @@
 {% extends 'base.html' %}
 {% block content %}
 <title>Office Hour</title>
-<div>
-  <h2>office hour ends at: </h2>
-  <h1>{{ today_oh.get_ends_at_str }}</h1>
-</div>
-
-<form method="POST">
+<p></p>
+<form method="POST" class="form-inline mb-2">
   {% csrf_token %}
   {% for f in form %}
-  <div class="form-group " >
+  <div class="form-group" >
     {% if f.name == 'begins_at' %}
-    <label>
-      {{ f.name }}
+    <label style='color:#67b3ff'>
+      开工时间系
     </label>
+  </div>
+  <div class="form-group mx-sm-3 mb-2" >
     <input type="" name={{ f.name }} class="form-control">
     {% endif %}
   </div>
   {% endfor %}
-  <button type="submit" class="btn btn-primary">Submit</button>
+  <button type="submit" class="btn btn-primary mb-2">Submit</button>
 </form>
+
+<div>
+  <h2 style='color:#67b3ff'>今日 <b style='color:#ff6767'>{{ today_oh.get_ends_at_str }}</b> 收工！</h2>
+  
+</div>
+
 {% endblock content %}