From ed5c086fe0e822c4480e589dea0ef4e3940d6d88 Mon Sep 17 00:00:00 2001
From: Christoph Reiter <reiter.christoph@gmail.com>
Date: Mon, 26 Dec 2022 18:02:56 +0100
Subject: [PATCH] Switch some large tables to a fixed layout

maybe this helps with loading performance a bit
---
 app/templates/baseindex.html |  7 ++++++-
 app/templates/packages.html  |  7 ++++++-
 app/templates/search.html    | 14 ++++++++++++--
 3 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/app/templates/baseindex.html b/app/templates/baseindex.html
index 6b68943..9dca4ec 100644
--- a/app/templates/baseindex.html
+++ b/app/templates/baseindex.html
@@ -8,7 +8,12 @@
     <h6 class="card-subtitle mb-2 text-muted">{{ sources|length }} base packages</h6>
   </div>
   <div class="card-body overflow-auto">
-    <table class="table table-hover table-sm">
+    <table class="table table-hover table-sm" style="table-layout: fixed; width:100%;">
+      <colgroup>
+          <col style="width: 25%">
+          <col style="width: 15%">
+          <col style="width: 60%">
+      </colgroup>
       <thead>
         <tr>
           <th>Base Package</th>
diff --git a/app/templates/packages.html b/app/templates/packages.html
index d9bb39c..98cb3b7 100644
--- a/app/templates/packages.html
+++ b/app/templates/packages.html
@@ -25,7 +25,12 @@
 
     <br>
 
-    <table class="table table-hover table-sm">
+    <table class="table table-hover table-sm" style="table-layout: fixed; width:100%;">
+      <colgroup>
+        <col style="width: 25%">
+        <col style="width: 15%">
+        <col style="width: 60%">
+      </colgroup>
       <thead>
         <tr>
           <th>Package</th>
diff --git a/app/templates/search.html b/app/templates/search.html
index e08840e..cd39447 100644
--- a/app/templates/search.html
+++ b/app/templates/search.html
@@ -47,7 +47,12 @@
     <h6 class="card-subtitle mb-2 text-muted">Base packages matching the search query</h6>
   </div>
   <div class="card-body overflow-auto">
-    <table class="table table-hover table-sm">
+    <table class="table table-hover table-sm" style="table-layout: fixed; width:100%;">
+      <colgroup>
+        <col style="width: 25%">
+        <col style="width: 15%">
+        <col style="width: 60%">
+      </colgroup>
       <thead>
         <tr>
           <th>Base Package</th>
@@ -76,7 +81,12 @@
     <h6 class="card-subtitle mb-2 text-muted">Packages matching the search query</h6>
   </div>
   <div class="card-body overflow-auto">
-    <table class="table table-hover table-sm">
+    <table class="table table-hover table-sm" style="table-layout: fixed; width:100%;">
+      <colgroup>
+          <col style="width: 25%">
+          <col style="width: 15%">
+          <col style="width: 60%">
+      </colgroup>
       <thead>
         <tr>
           <th>Package</th>