From d794ebbe8563f1c962cc25dcdcab904f251419e4 Mon Sep 17 00:00:00 2001
From: root <root@sensutemplate.nti.se>
Date: Thu, 15 Sep 2016 11:46:56 +0200
Subject: [PATCH 1/6] Added names to grid items. Gave the items overflow:hidden
 in case name is too long.

---
 templates/detail.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/templates/detail.html b/templates/detail.html
index f9453b1..180531c 100644
--- a/templates/detail.html
+++ b/templates/detail.html
@@ -5,7 +5,8 @@
         {% if data.first %}<div class="row spacer">{% endif %}
                 <div class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
                     <div class="small-box {%  if v | length > 0 and v | length < 2 %}bg-yellow{% elif v | length >= 2 %}bg-red{% else %}bg-green{% endif %} {% for i in v %}{% if i == -1 %}bg-purple{% endif %}{% endfor %} icon-xs">
-                        <div class="inner" style="text-align: center;" title="{{ k }}" data-toggle="tooltip" data-placement="right">
+                        <div class="inner" style="text-align: center; overflow: hidden" title="{{ k }}" data-toggle="tooltip" data-placement="right">
+                            <h4>{{ k }}</h4>
                             <h4>{{ v | length }}</h4>
                         </div>
                         <a class="small-box-footer" href="{% if dc['uchiwa'] %}{{ dc['uchiwa'] }}/#/client/{{ dc['name'] }}/{{ k }}{% else %}#{% endif %}" {% if dc['uchiwa'] %}target="_blank"{% endif %}>

From e1eb01199889a3cc865ec321a7a5a4aced3bee88 Mon Sep 17 00:00:00 2001
From: root <root@sensutemplate.nti.se>
Date: Thu, 15 Sep 2016 11:48:08 +0200
Subject: [PATCH 2/6] Sorted grid item list by name

---
 templates/detail.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/detail.html b/templates/detail.html
index 180531c..548ccb3 100644
--- a/templates/detail.html
+++ b/templates/detail.html
@@ -1,7 +1,7 @@
 {% extends "menu_detail.html" %}
 {% block data %}
 
-    {% for k, v in data.iteritems() %}
+    {% for k, v in data.iteritems() | sort %}
         {% if data.first %}<div class="row spacer">{% endif %}
                 <div class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
                     <div class="small-box {%  if v | length > 0 and v | length < 2 %}bg-yellow{% elif v | length >= 2 %}bg-red{% else %}bg-green{% endif %} {% for i in v %}{% if i == -1 %}bg-purple{% endif %}{% endfor %} icon-xs">

From 06dc71dbdf64b807ad4ec07a69670f5b9b9c5248 Mon Sep 17 00:00:00 2001
From: root <root@sensutemplate.nti.se>
Date: Thu, 15 Sep 2016 11:50:55 +0200
Subject: [PATCH 3/6] Removed the 'details' footer from grid items, and instead
 made the whole item clickable (more suitable for wall use)

---
 templates/detail.html | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/templates/detail.html b/templates/detail.html
index 548ccb3..5a96f7f 100644
--- a/templates/detail.html
+++ b/templates/detail.html
@@ -4,17 +4,14 @@
     {% for k, v in data.iteritems() | sort %}
         {% if data.first %}<div class="row spacer">{% endif %}
                 <div class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
-                    <div class="small-box {%  if v | length > 0 and v | length < 2 %}bg-yellow{% elif v | length >= 2 %}bg-red{% else %}bg-green{% endif %} {% for i in v %}{% if i == -1 %}bg-purple{% endif %}{% endfor %} icon-xs">
-                        <div class="inner" style="text-align: center; overflow: hidden" title="{{ k }}" data-toggle="tooltip" data-placement="right">
-                            <h4>{{ k }}</h4>
-                            <h4>{{ v | length }}</h4>
+                    <a href="{% if dc['uchiwa'] %}{{ dc['uchiwa'] }}/#/client/{{ dc['name'] }}/{{ k }}{% else %}#{% endif %}" {% if dc['uchiwa'] %}target="_blank"{% endif %}>
+                        <div class="small-box {%  if v | length > 0 and v | length < 2 %}bg-yellow{% elif v | length >= 2 %}bg-red{% else %}bg-green{% endif %} {% for i in v %}{% if i == -1 %}bg-purple{% endif %}{% endfor %} icon-xs">
+                            <div class="inner" style="text-align: center; overflow: hidden" title="{{ k }}" data-toggle="tooltip" data-placement="right">
+                                <h4>{{ k }}</h4>
+                                <h4>{{ v | length }}</h4>
+                            </div>
                         </div>
-                        <a class="small-box-footer" href="{% if dc['uchiwa'] %}{{ dc['uchiwa'] }}/#/client/{{ dc['name'] }}/{{ k }}{% else %}#{% endif %}" {% if dc['uchiwa'] %}target="_blank"{% endif %}>
-                            <small>Detail</small>
-                            <i class="fa fa-arrow-circle-right"></i>
-                        </a>
-
-                    </div>
+                    </a>
                 </div>
         {% if data.last %}</div>{% endif %}
     {% endfor %}

From 9a221debd36f178716e511fca6ab586a1234d8b5 Mon Sep 17 00:00:00 2001
From: root <root@sensutemplate.nti.se>
Date: Thu, 15 Sep 2016 11:53:00 +0200
Subject: [PATCH 4/6] If there are fewer than 50 items in the grid view, have
 only 6 items per row instead of 12 (except on xs)

---
 templates/detail.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/detail.html b/templates/detail.html
index 5a96f7f..7811244 100644
--- a/templates/detail.html
+++ b/templates/detail.html
@@ -3,7 +3,7 @@
 
     {% for k, v in data.iteritems() | sort %}
         {% if data.first %}<div class="row spacer">{% endif %}
-                <div class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
+                <div class="{% if (data | length > 50) %} col-lg-1 col-md-1 col-sm-2 {% else %} col-lg-2 col-md-2 col-sm-2 {% endif %}  col-xs-2">
                     <a href="{% if dc['uchiwa'] %}{{ dc['uchiwa'] }}/#/client/{{ dc['name'] }}/{{ k }}{% else %}#{% endif %}" {% if dc['uchiwa'] %}target="_blank"{% endif %}>
                         <div class="small-box {%  if v | length > 0 and v | length < 2 %}bg-yellow{% elif v | length >= 2 %}bg-red{% else %}bg-green{% endif %} {% for i in v %}{% if i == -1 %}bg-purple{% endif %}{% endfor %} icon-xs">
                             <div class="inner" style="text-align: center; overflow: hidden" title="{{ k }}" data-toggle="tooltip" data-placement="right">

From 2c8fb73600497e0e8aa754730a766db7644ff80a Mon Sep 17 00:00:00 2001
From: jonas <jonas@jonas.jonas>
Date: Thu, 15 Sep 2016 14:38:07 +0200
Subject: [PATCH 5/6] Made stuff bigger and uglier (both code-wise and
 layout-wise)

---
 templates/detail.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/detail.html b/templates/detail.html
index 7811244..36b3723 100644
--- a/templates/detail.html
+++ b/templates/detail.html
@@ -3,12 +3,12 @@
 
     {% for k, v in data.iteritems() | sort %}
         {% if data.first %}<div class="row spacer">{% endif %}
-                <div class="{% if (data | length > 50) %} col-lg-1 col-md-1 col-sm-2 {% else %} col-lg-2 col-md-2 col-sm-2 {% endif %}  col-xs-2">
+                <div class="{% if (data | length > 50) %} col-lg-1 col-md-1 col-sm-2 {% elif (data | length > 20) %} col-lg-2 col-md-2 col-sm-3 {% else %} col-lg-4 col-md-4 col-sm-4 {% endif %}  col-xs-2">
                     <a href="{% if dc['uchiwa'] %}{{ dc['uchiwa'] }}/#/client/{{ dc['name'] }}/{{ k }}{% else %}#{% endif %}" {% if dc['uchiwa'] %}target="_blank"{% endif %}>
                         <div class="small-box {%  if v | length > 0 and v | length < 2 %}bg-yellow{% elif v | length >= 2 %}bg-red{% else %}bg-green{% endif %} {% for i in v %}{% if i == -1 %}bg-purple{% endif %}{% endfor %} icon-xs">
                             <div class="inner" style="text-align: center; overflow: hidden" title="{{ k }}" data-toggle="tooltip" data-placement="right">
-                                <h4>{{ k }}</h4>
-                                <h4>{{ v | length }}</h4>
+                                <h2 style="font-weight: normal">{{ k }}</h2>
+                                <h3>{{ v | length }}</h3>
                             </div>
                         </div>
                     </a>

From b0f0810f3a548db4c2814162c668d091c3c36e27 Mon Sep 17 00:00:00 2001
From: jonas <jonas@jonas.jonas>
Date: Thu, 15 Sep 2016 14:40:58 +0200
Subject: [PATCH 6/6] Revert "Made stuff bigger and uglier (both code-wise and
 layout-wise)"

This reverts commit 2c8fb73600497e0e8aa754730a766db7644ff80a.
---
 templates/detail.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/detail.html b/templates/detail.html
index 36b3723..7811244 100644
--- a/templates/detail.html
+++ b/templates/detail.html
@@ -3,12 +3,12 @@
 
     {% for k, v in data.iteritems() | sort %}
         {% if data.first %}<div class="row spacer">{% endif %}
-                <div class="{% if (data | length > 50) %} col-lg-1 col-md-1 col-sm-2 {% elif (data | length > 20) %} col-lg-2 col-md-2 col-sm-3 {% else %} col-lg-4 col-md-4 col-sm-4 {% endif %}  col-xs-2">
+                <div class="{% if (data | length > 50) %} col-lg-1 col-md-1 col-sm-2 {% else %} col-lg-2 col-md-2 col-sm-2 {% endif %}  col-xs-2">
                     <a href="{% if dc['uchiwa'] %}{{ dc['uchiwa'] }}/#/client/{{ dc['name'] }}/{{ k }}{% else %}#{% endif %}" {% if dc['uchiwa'] %}target="_blank"{% endif %}>
                         <div class="small-box {%  if v | length > 0 and v | length < 2 %}bg-yellow{% elif v | length >= 2 %}bg-red{% else %}bg-green{% endif %} {% for i in v %}{% if i == -1 %}bg-purple{% endif %}{% endfor %} icon-xs">
                             <div class="inner" style="text-align: center; overflow: hidden" title="{{ k }}" data-toggle="tooltip" data-placement="right">
-                                <h2 style="font-weight: normal">{{ k }}</h2>
-                                <h3>{{ v | length }}</h3>
+                                <h4>{{ k }}</h4>
+                                <h4>{{ v | length }}</h4>
                             </div>
                         </div>
                     </a>