Adjust card styles.

Removes footers with mostly useless information and uses muted text for all content.

dashboard/templates/cards/diaperchange.html

@@ -5,9 +5,6 @@
     </div>
     <div class="card-body text-danger">
         <h4 class="card-title">{% block title %}{% endblock %}</h4>
-        <div class="card-text">{% block content %}{% endblock %}</div>
+        <div class="card-text text-muted">{% block content %}{% endblock %}</div>
-    </div>
-    <div class="card-footer text-muted">
-        {% block footer %}{% endblock %}
     </div>
 </div>

dashboard/templates/cards/diaperchange_last.html

@@ -6,10 +6,4 @@
     <strong>{{ change.time|timesince }}</strong> ago
 {% endblock %}
 
-{% block content %}
+{% block content %}{{ change.attributes|join:', ' }}{% endblock %}
-    <div class="text-muted">
-        {{ change.attributes|join:', ' }}
-    </div>
-{% endblock %}
-
-{% block footer %}{{ change.time }}{% endblock %}

dashboard/templates/cards/diaperchange_types.html

@@ -33,6 +33,4 @@
             {% endif %}
         </div>
     {% endfor %}
-{% endblock %}
+{% endblock %}
-
-{% block footer %}Last change: {{ last_change.time }}{% endblock %}

dashboard/templates/cards/feeding.html

@@ -5,9 +5,6 @@
     </div>
     <div class="card-body text-primary">
         <h4 class="card-title">{% block title %}{% endblock %}</h4>
-        <div class="card-text">{% block content %}{% endblock %}</div>
+        <div class="card-text text-muted">{% block content %}{% endblock %}</div>
-    </div>
-    <div class="card-footer text-muted">
-        {% block footer %}{% endblock %}
     </div>
 </div>

dashboard/templates/cards/feeding_last.html

@@ -7,12 +7,8 @@
 {% endblock %}
 
 {% block content %}
-    <div class="text-muted">
+    {{ feeding.type }}, {{ feeding.method }}
-        {{ feeding.type }}, {{ feeding.method }}
+    {% if feeding.amount %}
-        {% if feeding.amount %}
+        , {{ feeding.amount }}oz.
-            , {{ feeding.amount }}oz.
+    {% endif %}
-        {% endif %}
+{% endblock %}
-    </div>
-{% endblock %}
-
-{% block footer %}{{ feeding.end }}{% endblock %}

dashboard/templates/cards/feeding_last_method.html

@@ -3,13 +3,5 @@
 {% block header %}Last Feeding Method{% endblock %}
 
 {% block title %}
-    <h2 class="display-4 text-center">{{ feeding.method }}</h2>
+    <div class="display-4 text-center">{{ feeding.method }}</div>
-{% endblock %}
+{% endblock %}
-
-{% block content %}
-    {% if feeding.amount %}
-        <div class="text-muted">Amount: {{ feeding.amount }}oz.</div>
-    {% endif %}
-{% endblock %}
-
-{% block footer %}{{ feeding.end }}{% endblock %}

dashboard/templates/cards/sleep.html

@@ -5,9 +5,6 @@
     </div>
     <div class="card-body">
         <h4 class="card-title">{% block title %}{% endblock %}</h4>
-        <div class="card-text">{% block content %}{% endblock %}</div>
+        <div class="card-text text-muted">{% block content %}{% endblock %}</div>
-    </div>
-    <div class="card-footer text-muted">
-        {% block footer %}{% endblock %}
     </div>
 </div>

dashboard/templates/cards/sleep_day.html

@@ -13,12 +13,4 @@
     {% endif %}
 {% endblock %}
 
-{% block content %}
+{% block content %}{{ count }} sleep entries{% endblock %}
-    {% if total %}
-        <div class="text-muted">
-            Average sleep duration: <strong>{{ average|duration_string }}</strong>.
-        </div>
-    {% endif %}
-{% endblock %}
-
-{% block footer %}{{ count }} sleep entries{% endblock %}

dashboard/templates/cards/sleep_last.html

@@ -7,10 +7,4 @@
     <strong>{{ sleep.end|timesince }}</strong> ago
 {% endblock %}
 
-{% block content %}
+{% block content %}{{ sleep.duration|duration_string }}{% endblock %}
-    <div class="text-muted">
-        {{ sleep.duration|duration_string }}
-    </div>
-{% endblock %}
-
-{% block footer %}{{ sleep.end }}{% endblock %}

dashboard/templates/cards/sleep_naps_day.html

@@ -1,7 +1,7 @@
 {% extends 'cards/sleep.html' %}
 {% load duration %}
 
-{% block header %}Today's Naps{% endblock %}
+{% block header %}Today's Naps <small><em>(7AM - 7PM)</em></small>{% endblock %}
 
 {% block title %}
     {% if count %}
@@ -14,9 +14,5 @@
 {% endblock %}
 
 {% block content %}
-    <div class="text-muted">
+    {{ total.duration__sum|duration_string }} <br/>
-        {{ total.duration__sum|duration_string }}
+{% endblock %}
-    </div>
-{% endblock %}
-
-{% block footer %}<em>Naps are sleep entries starting 7AM - 7PM.</em>{% endblock %}

dashboard/templates/cards/timer.html

@@ -8,7 +8,4 @@
         <div class="card-text">{% block content %}{% endblock %}</div>
     </div>
     {% block listgroup %}{% endblock %}
-    <div class="card-footer text-muted">
-        {% block footer %}{% endblock %}
-    </div>
 </div>

dashboard/templates/cards/timer_list.html

@@ -16,8 +16,4 @@
         </a>
     {% endfor %}
     </ul>
-{% endblock %}
-
-{% block footer %}
-    Timers help us time things...
 {% endblock %}

dashboard/templates/cards/tummytime.html

@@ -5,10 +5,7 @@
     </div>
     <div class="card-body text-success">
         <h4 class="card-title">{% block title %}{% endblock %}</h4>
-        <div class="card-text">{% block content %}{% endblock %}</div>
+        <div class="card-text text-muted">{% block content %}{% endblock %}</div>
     </div>
     {% block listgroup %}{% endblock %}
-    <div class="card-footer text-muted">
-        {% block footer %}{% endblock %}
-    </div>
 </div>

dashboard/templates/cards/tummytime_day.html

@@ -17,6 +17,4 @@
         <li class="list-group-item">{{ instance.duration|duration_string }} at {{ instance.end|time }}</li>
     {% endfor %}
     </ul>
-{% endblock %}
+{% endblock %}
-
-{% block footer %}Last tummy time: {{ last.end|timesince }} ago{% endblock %}

dashboard/templates/cards/tummytime_last.html

@@ -8,12 +8,8 @@
 {% endblock %}
 
 {% block content %}
-    <div class="text-muted">
+    {{ tummytime.duration|duration_string }}
-        {{ tummytime.duration|duration_string }}
+    {% if tummytime.milestone %}
-        {% if tummytime.milestone %}
+        <br /> {{ tummytime.milestone }}
-            <br /> {{ tummytime.milestone }}
+    {% endif %}
-        {% endif %}
+{% endblock %}
-    </div>
-{% endblock %}
-
-{% block footer %}{{ tummytime.end }}{% endblock %}