From 048331945e2ff3f3460976cb43ea7323f45a9846 Mon Sep 17 00:00:00 2001
From: FrederikBaerentsen <frederik+gitea@baerentsen.net>
Date: Wed, 19 Jun 2024 13:54:43 +0200
Subject: [PATCH] Fixed #2

---
 templates/base.html  | 5 -----
 templates/table.html | 4 ++--
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index 0b3f12d..653b3fe 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -79,12 +79,7 @@ td {
 @media only screen and (max-width: 600px) {
   table {
     width: auto; /* Expand table to full width on mobile */
-    table-layout: fixed;
   }
-  /* #data th:nth-child(2),
-  #data td:nth-child(2) {
-    width: auto; /* Allow "Name" column to adjust width based on content 
-  } */
   .center-table {
     overflow-x: auto; /* Enable horizontal scrolling */
   }
diff --git a/templates/table.html b/templates/table.html
index 9b69ee1..cce6436 100644
--- a/templates/table.html
+++ b/templates/table.html
@@ -21,8 +21,8 @@
           <td><img src="{{ '/static/parts/' + brick[5] + '.jpg' }}" class="lightbox-trigger" alt="{{ brick[3] }}" style="height: 50px; width: 50px;margin:0;padding: 0;"loading="lazy"></td>
           {% endif %}
 
-          <td style="text-align:left;margin:0px;" class="hidden-mobile name-class">{{ brick[3] }}</td>
-          <td class="hidden-mobile">{{ brick[7] }}</td>
+          <td style="text-align:left;margin:0px;width:100%;" class="hidden-mobile name-class">{{ brick[3] }}</td>
+          <td style="white-space: nowrap;" class="hidden-mobile">{{ brick[7] }}</td>
           <td style="text-align: center;">{{ brick[8] }}</td>
           <td class="centered-cell">
             <div class="inputContainer">