From 75bf4c149d0c8e9a6e1f96476feb1b014ec6e2d7 Mon Sep 17 00:00:00 2001
From: Grizzly <grizzly@raspberrypi>
Date: Sun, 24 Jun 2018 18:26:26 +0000
Subject: [PATCH] mise en page pour les longues fingerpint ssh

---
 .../templates/machines/aff_sshfingerprint.html    |  9 +++++----
 static/css/base.css                               | 15 +++++++++++++++
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/machines/templates/machines/aff_sshfingerprint.html b/machines/templates/machines/aff_sshfingerprint.html
index 33e7d7ad..533f7c9f 100644
--- a/machines/templates/machines/aff_sshfingerprint.html
+++ b/machines/templates/machines/aff_sshfingerprint.html
@@ -21,11 +21,11 @@ with this program; if not, write to the Free Software Foundation, Inc.,
 {% endcomment %}
 
 {% load acl %}
-
-    <table class="table table-striped">
+<div class="table-responsive">
+    <table class="table table-striped long_text">
         <thead>
             <tr>
-		<th>Entrée du hash</th>
+		<th class="long_text">Entrée du hash</th>
 		<th>Algorithme utilisé</th>
 		<th>Commentaire</th>
 		<th></th>
@@ -33,7 +33,7 @@ with this program; if not, write to the Free Software Foundation, Inc.,
         </thead>
         {% for sshfpr in sshfingerprint_list %}
         <tr>
-            <td>{{ sshfpr.hash_entry }}</td>
+            <td class="long_text">{{ sshfpr.pub_key_entry }}</td>
             <td>{{ sshfpr.algo }}</td>
             <td>{{ sshfpr.comment }}</td>
 	    <td class="text-right">
@@ -48,4 +48,5 @@ with this program; if not, write to the Free Software Foundation, Inc.,
         </tr>
         {% endfor %}
     </table>
+</div>
 
diff --git a/static/css/base.css b/static/css/base.css
index 2b44e95c..2dc17770 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -113,4 +113,19 @@ footer a {
     .modal-dialog {
         width: 1000px
     }
+
+/* For tables with long text in cells */
+
+.table.long_text{
+	table-layout: fixed;
+	width: 100%;
+}
+
+td.long_text{
+	word-wrap: break-word;
+	width: 40%;
+}
+
+th.long_text{
+	width: 60%;
 }