From 7b1aecf831264826701d011687a79c10dbe9a2ba Mon Sep 17 00:00:00 2001
From: grisel-davy <grisel-davy@crans.org>
Date: Tue, 27 Oct 2020 11:31:51 +0100
Subject: [PATCH] Table -> grid pour l'affichage sur telephone

---
 topologie/templates/topologie/aff_switch.html | 47 +++++++++++--------
 1 file changed, 28 insertions(+), 19 deletions(-)

diff --git a/topologie/templates/topologie/aff_switch.html b/topologie/templates/topologie/aff_switch.html
index 86c899ba..e75d41a2 100644
--- a/topologie/templates/topologie/aff_switch.html
+++ b/topologie/templates/topologie/aff_switch.html
@@ -60,25 +60,34 @@ with this program; if not, write to the Free Software Foundation, Inc.,
         </div>
     </div>
     <div class="panel-body">
-        <div class="table-repsonsive">
-            <table class="table">
-                <thead>
-                    <tr>
-                        <th>{% trans "IPv4 address"%}</th>
-                        <th>{% trans "Ports"%}</th>
-                        <th>{% trans "Stack"%}</th>
-                        <th>{% trans "Stack member ID" %}</th>
-                        <th>{% trans "Switch model" %}</th>
-                    </tr>
-                </thead>
-                <tr>
-                <td>{{ switch.interface_set.first.ipv4 }}</td>
-                <td>{{ switch.number }}</td>
-                <td>{{ switch.stack.name }}</td>
-                <td>{{ switch.stack_member_id }}</td>
-                <td>{{ switch.model }}</td>
-                </tr>
-            </table>
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-sm-3">
+                    <b>{% trans "IPv4 address"%}</b>
+                    </br>
+                    {{ switch.interface_set.first.ipv4 }}
+                </div>
+                <div class="col-sm-2">
+                    <b>{% trans "Ports"%}</b>
+                    </br>
+                    {{ switch.number }}
+                </div>
+                <div class="col-sm-2">
+                    <b>{% trans "Stack"%}</b>
+                    </br>
+                    {{ switch.stack.name }}
+                </div>
+                <div class="col-sm-2">
+                    <b>{% trans "Stack member ID" %}</b>
+                    </br>
+                    {{ switch.stack_member_id }}
+                </div>
+                <div class="col-sm-3">
+                    <b>{% trans "Switch model" %}</b>
+                    </br>
+                    {{ switch.model }}
+                </div>
+            </div>
         </div>
     </div>
     {% if switch.interface_set.first.details  %}