- <ul>
- <li>{{ 'developer.client_parameter.field_name'|trans }}: <strong><pre>{{ client_name }}</pre></strong></li>
- <li>{{ 'developer.client_parameter.field_id'|trans }}: <strong><pre>{{ client_id }}</pre></strong></li>
- <li>{{ 'developer.client_parameter.field_secret'|trans }}: <strong><pre>{{ client_secret }}</pre></strong></li>
- </ul>
+
+ <table class="striped">
+ <tr>
+ <td>{{ 'developer.client_parameter.field_name'|trans }}</td>
+ <td><strong><code>{{ client_name }}</code></strong></td>
+ </tr>
+ <tr>
+ <td>{{ 'developer.client_parameter.field_id'|trans }}</td>
+ <td>
+ <strong><code>{{ client_id }}</code></strong>
+ <button class="btn" data-clipboard-text="{{ client_id }}">{{ 'developer.client.copy_to_clipboard'|trans }}</button>
+ </td>
+ </tr>
+ <tr>
+ <td>{{ 'developer.client_parameter.field_secret'|trans }}</td>
+ <td>
+ <strong><code>{{ client_secret }}</code></strong>
+ <button class="btn" data-clipboard-text="{{ client_secret }}">{{ 'developer.client.copy_to_clipboard'|trans }}</button>
+ </td>
+ </tr>
+ </table>
+
+ <br/>