From bb935b3713fe4012168c07365a794b7587b2e2ac Mon Sep 17 00:00:00 2001
From: catborise <catborise@yahoo.com>
Date: Thu, 23 Jul 2020 13:57:10 +0300
Subject: [PATCH] fix computes list table layout

---
 computes/templates/computes/list.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/computes/templates/computes/list.html b/computes/templates/computes/list.html
index 18a2886..79b61fe 100644
--- a/computes/templates/computes/list.html
+++ b/computes/templates/computes/list.html
@@ -25,26 +25,26 @@
         <div class="col-lg-12">
             <table class="table table-striped table-hover">
                 <thead>
-                    <tr>
-                        <th span="col">{% trans "Name" %}</th>
-                        <th span="col">{% trans "Status" %}</th>
-                        <th span="col">{% trans "Details" %}</th>
-                        <th span="col">{% trans "Actions" %}</th>
+                    <tr class="d-flex">
+                        <th span="col" class="col-sm-3">{% trans "Name" %}</th>
+                        <th span="col" class="col-sm-2">{% trans "Status" %}</th>
+                        <th span="col" class="col-sm-5">{% trans "Details" %}</th>
+                        <th span="col" class="col-sm-2 text-center">{% trans "Actions" %}</th>
                     </tr>
                 </thead>
                 <tbody class="searchable">
                 {% for compute in computes %}
-                    <tr>
-                        <td>
+                    <tr class="d-flex">
+                        <td class="col-sm-3">
                             {{ compute.name }}
                         </td>
-                        <td>
+                        <td class="col-sm-2">
                             {% if compute.status is True %}{% trans "Connected" %}{% else %}{% trans "Not Connected" %}{% endif %}
                         </td>
-                        <td>
+                        <td class="col-sm-5">
                             {{ compute.details|default:"" }}
                         </td>
-                        <td>
+                        <td class="col-sm-2">
                             <div class="float-right btn-group">
                                 {% if compute.status is True %}
                                     <a class="btn btn-success" title="{%trans "Overview" %}" href="{% url 'overview' compute.id %}">{% icon 'eye' %}</a>