From 982cd2ff9d47a20903453de920b6005ccba31dab Mon Sep 17 00:00:00 2001
From: Jeffrey de Lange <git@jeffreydelange.nl>
Date: Wed, 29 Jul 2015 22:21:53 +0200
Subject: [PATCH 1/2] Responsive improvements in detail page-title

---
 ldb/templates/ldb/organization_detail.html | 10 +++++++---
 ldb/templates/ldb/person_detail.html       | 16 +++++++++++-----
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/ldb/templates/ldb/organization_detail.html b/ldb/templates/ldb/organization_detail.html
index c870866a..d1975e13 100644
--- a/ldb/templates/ldb/organization_detail.html
+++ b/ldb/templates/ldb/organization_detail.html
@@ -7,10 +7,14 @@
 <div id="entity_detail" class="form-horizontal form-condensed">
   <h2 class="page-header">{{ organization }}
     <div class="pull-right btn-group">
-      <a href="./edit/" class="btn btn-primary"><span class="fa fa-pencil"></span> Edit</a>
-      <a href="./delete/" class="btn btn-danger"><span class="fa fa-trash-o"></span> Delete</a>
+      <a href="./edit/" class="btn btn-primary">
+        <i class="fa fa-pencil"></i><span class="visible-lg-inline visible-md-inline"> Edit</span>
+      </a>
+      <a href="./delete/" class="btn btn-danger">
+        <i class="fa fa-trash-o"></i><span class="visible-lg-inline visible-md-inline"> Delete</span>
+      </a>
       <a href="{% url 'admin:ldb_organization_change' organization.id %}" class="btn btn-success">
-        <span class="fa fa-wrench"></span> Admin
+        <i class="fa fa-wrench"></i><span class="visible-lg-inline visible-md-inline"> Admin</span>
       </a>
     </div>
   </h2>
diff --git a/ldb/templates/ldb/person_detail.html b/ldb/templates/ldb/person_detail.html
index 41819d6b..1c6bfbdd 100644
--- a/ldb/templates/ldb/person_detail.html
+++ b/ldb/templates/ldb/person_detail.html
@@ -5,7 +5,6 @@
 
 {% block content %}
 <div id="entity_detail" class="form-horizontal form-condensed">
-
   <h2 class="page-header">
     {% if person.facebook_id %}
     <a href="https://graph.facebook.com/{{person.facebook_id}}/picture?type=large">
@@ -13,12 +12,19 @@ <h2 class="page-header">
            src="https://graph.facebook.com/{{person.facebook_id}}/picture?type=square"/>
     </a>
     {% endif %}
-    {{ person }} &mdash; {{ person.get__membership_status_display }}
+
+    {{ person }} <br class="visible-xs-block visible-sm-block" />
+    <small>{{ person.get__membership_status_display }}</small>
+
     <div class="pull-right btn-group">
-      <a href="./edit/" class="btn btn-primary"><span class="fa fa-pencil"></span> Edit</a>
-      <a href="./delete/" class="btn btn-danger"><span class="fa fa-trash-o"></span> Delete</a>
+      <a href="./edit/" class="btn btn-primary">
+        <i class="fa fa-pencil"></i><span class="visible-lg-inline visible-md-inline"> Edit</span>
+      </a>
+      <a href="./delete/" class="btn btn-danger">
+        <i class="fa fa-trash-o"></i><span class="visible-lg-inline visible-md-inline"> Delete</span>
+      </a>
       <a href="{% url 'admin:ldb_person_change' person.id %}" class="btn btn-success">
-        <span class="fa fa-wrench"></span> Admin
+        <i class="fa fa-wrench"></i><span class="visible-lg-inline visible-md-inline"> Admin</span>
       </a>
     </div>
   </h2>

From 32b08b2506ed6936867bea6d10bb0c1c6769d638 Mon Sep 17 00:00:00 2001
From: Jeffrey de Lange <git@jeffreydelange.nl>
Date: Wed, 29 Jul 2015 22:29:38 +0200
Subject: [PATCH 2/2] Committees in list

---
 dienst2/static/css/style.css         |  4 ++++
 ldb/templates/ldb/person_detail.html | 27 +++++++++++++--------------
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/dienst2/static/css/style.css b/dienst2/static/css/style.css
index 407520f3..d39be21a 100644
--- a/dienst2/static/css/style.css
+++ b/dienst2/static/css/style.css
@@ -14,3 +14,7 @@
     width: 200px;
     font-size: 20px;
 }
+
+.committees {
+    font-size: 12px;
+}
diff --git a/ldb/templates/ldb/person_detail.html b/ldb/templates/ldb/person_detail.html
index 1c6bfbdd..00d6aae2 100644
--- a/ldb/templates/ldb/person_detail.html
+++ b/ldb/templates/ldb/person_detail.html
@@ -106,12 +106,11 @@ <h2 class="page-header">
       </fieldset>
       {% endif %}
 
+      {% if person.member %}
       <fieldset>
         <legend>
           Lidmaatschap
         </legend>
-
-        {% if person.member %}
         {% stcontrol person.member 'date_from' %}
         {% stcontrol person.member 'date_to' %}
         {% stcontrol person.member 'date_paid' %}
@@ -124,24 +123,24 @@ <h2 class="page-header">
         {% endif %}
         {% stcontrol person.member 'honorary_date_from' %}
       </fieldset>
+      {% endif %}
+
+      {% if person.committee_memberships %}
       <fieldset>
-        {% if person.committee_memberships %}
         <legend>Commissies ({{ person.committee_memberships.count }})</legend>
 
+        <ul class="committees">
         {% for c in person.committee_memberships.all %}
-        <div class="form-group">
-          <label class="col-sm-4 control-label">{{ c.committee.name }} &ndash; {{ c.board }}</label>
-          <div class="col-sm-8">
-            <p class="form-control-static">
-              {% if c.position %}{{ c.position }}{% endif %}
-              {% if c.ras_months %}({{ c.ras_months }} RAS){% endif %}
-            </p>
-          </div>
-        </div>
+          <li>
+            {{ c.board }}:
+            <strong>{{ c.committee.name }}</strong>
+            {% if c.position %}{{ c.position }}{% endif %}
+            {% if c.ras_months %}({{ c.ras_months }} RAS){% endif %}
+          </li>
         {% endfor %}
-        {% endif %}
-        {% endif %}
+        </ul>
       </fieldset>
+      {% endif %}
     </div>
 
     <div class="col-md-6">