From 952c8becf5f440fb5dbf9d29b92249faf5127692 Mon Sep 17 00:00:00 2001
From: otbutz <tbutz@optitool.de>
Date: Thu, 18 Apr 2019 18:35:44 +0200
Subject: [PATCH] gui: Adjust table column width to content size (fixes #4531)
 (#5565)

---
 gui/default/assets/css/overrides.css | 12 ++++++++++++
 gui/default/index.html               |  6 +++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/gui/default/assets/css/overrides.css b/gui/default/assets/css/overrides.css
index 663aaf33..5b202daa 100644
--- a/gui/default/assets/css/overrides.css
+++ b/gui/default/assets/css/overrides.css
@@ -124,6 +124,18 @@ table.table-condensed td.no-overflow-ellipse {
     white-space: normal;
 }
 
+table.table-auto {
+	table-layout: auto;
+}
+
+table.table-auto th {
+	width: 1px;
+}
+
+table.table-auto td {
+    max-width: 0px;
+}
+
 .folder-advanced {
     padding: 1rem;
     margin-bottom: 15px;
diff --git a/gui/default/index.html b/gui/default/index.html
index faebd324..1868052c 100644
--- a/gui/default/index.html
+++ b/gui/default/index.html
@@ -337,7 +337,7 @@
             </button>
             <div id="folder-{{$index}}" class="panel-collapse collapse">
               <div class="panel-body">
-                <table class="table table-condensed table-striped">
+                <table class="table table-condensed table-striped table-auto">
                   <tbody>
                     <tr ng-show="folder.label != undefined && folder.label.length > 0">
                       <th><span class="fas fa-fw fa-info-circle"></span>&nbsp;<span translate>Folder ID</span></th>
@@ -551,7 +551,7 @@
           </button>
           <div id="device-this" class="panel-collapse collapse in">
             <div class="panel-body">
-              <table class="table table-condensed table-striped">
+              <table class="table table-condensed table-striped table-auto">
                 <tbody>
                   <tr>
                     <th><span class="fas fa-fw fa-cloud-download-alt"></span>&nbsp;<span translate>Download Rate</span></th>
@@ -667,7 +667,7 @@
             </button>
             <div id="device-{{$index}}" class="panel-collapse collapse">
               <div class="panel-body">
-                <table class="table table-condensed table-striped">
+                <table class="table table-condensed table-striped table-auto">
                   <tbody>
                     <tr ng-if="connections[deviceCfg.deviceID].connected">
                       <th><span class="fas fa-fw fa-cloud-download-alt"></span>&nbsp;<span translate>Download Rate</span></th>