tweak debug table layout
Change-Id: I40a3a1e6f48ef75c0787f45f56001c7245ab8c65
diff --git a/klaxon/templates/base.html b/klaxon/templates/base.html
index 3148fca..e135745 100644
--- a/klaxon/templates/base.html
+++ b/klaxon/templates/base.html
@@ -14,9 +14,12 @@
.narrow {
max-width: 30rem !important;
}
- .panel-block {
+ .panel-block, .table {
word-break: break-word; /* Fixes iPhone SE-sized screens. https://github.com/jgthms/bulma/pull/1641 */
}
+ .debug-table-key {
+ word-break: initial; /* But don't break words of keys in the k/v pair debug table. */
+ }
</style>
</head>
diff --git a/klaxon/templates/debug.html b/klaxon/templates/debug.html
index 0b054b2..120faf8 100644
--- a/klaxon/templates/debug.html
+++ b/klaxon/templates/debug.html
@@ -10,7 +10,7 @@
<tbody>
{% for k, v in vars.items() %}
<tr>
- <td>
+ <td class="debug-table-key">
{{ k }}
</td>
<td>