From e11fcd8f53065698ea0327544ca6cca53e2d4b26 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Mon, 18 Jun 2018 19:41:23 +0530
Subject: [PATCH] Fix client info table size and flickering

Signed-off-by: Manish Tripathy <manisht@thougtworks.com>
Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
---
 plinth/templates/clients.html | 34 +++++++++++++++-------------------
 1 file changed, 15 insertions(+), 19 deletions(-)

diff --git a/plinth/templates/clients.html b/plinth/templates/clients.html
index 3e0b9f90a..50cb16dee 100644
--- a/plinth/templates/clients.html
+++ b/plinth/templates/clients.html
@@ -30,8 +30,8 @@
     </button>
   </p>
 
-  <div>
-  <table id="clients" class="table table-striped collapse" style="width: 100%">
+  <div id="clients" class="collapse">
+  <table id="clients" class="table table-striped">
 
     {% with clients|clients_of_type:'web' as web_clients %}
       {% for client in web_clients %}
@@ -120,23 +120,19 @@
           {% endif %}
           <td>{{ client.name }}</td>
           <td>
-            <div class="row">
-              <ul>
-                {% for platform in client.platforms %}
-                  {% if platform.type == 'package' %}
-                    {% if platform.format == 'deb' %}
-                      <li><strong>{% trans "Debian:" %}</strong> {{ platform.name }}</li>
-                    {% endif %}
-                    {% if platform.format == 'brew' %}
-                      <li><strong>{% trans "Homebrew:" %}</strong> {{ platform.name }}</li>
-                    {% endif %}
-                    {% if platform.format == 'rpm' %}
-                      <li><strong>{% trans "RPM:" %}</strong> {{ platform.name }}</li>
-                    {% endif %}
-                  {% endif %}
-                {% endfor %}
-              </ul>
-            </div>
+            {% for platform in client.platforms %}
+              {% if platform.type == 'package' %}
+                {% if platform.format == 'deb' %}
+                  <div><strong>{% trans "Debian:" %}</strong> {{ platform.name }}</div>
+                {% endif %}
+                {% if platform.format == 'brew' %}
+                  <div><strong>{% trans "Homebrew:" %}</strong> {{ platform.name }}</div>
+                {% endif %}
+                {% if platform.format == 'rpm' %}
+                  <p><strong>{% trans "RPM:" %}</strong> {{ platform.name }}</p>
+                {% endif %}
+              {% endif %}
+            {% endfor %}
           </td>
         </tr>
       {% endfor %}