From c42dd79dfeed705bca3c050881ec8a15cfbd3506 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Thu, 7 May 2026 23:41:13 +0200
Subject: [PATCH] Update table layout for fifth column and style remove row
 button

---
 src/styles.css | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index a0e42ea..544ec75 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -132,7 +132,7 @@ body {
 .table-header,
 .table-row {
   display: grid;
-  grid-template-columns: 1.2fr 2fr 0.6fr 0.6fr;
+  grid-template-columns: 1.2fr 2fr 0.6fr 0.6fr 0.5fr;
   align-items: center;
   padding: 10px 12px;
   gap: 8px;
@@ -155,7 +155,6 @@ body {
 .table-row {
   border-top: 1px solid var(--bg-main);
   color: var(--ink);
-  cursor: pointer;
   transition: background 0.15s ease;
 }
 
@@ -168,8 +167,15 @@ body {
   background: var(--bg-main);
 }
 
-.table-row.selected {
-  background: var(--line);
+button.remove-row-button {
+  width: 28px;
+  height: 28px;
+  min-width: 28px;
+  padding: 0;
+  border-radius: 50%;
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 1;
 }
 
 .controls {
@@ -408,7 +414,7 @@ select {
 @media (max-width: 720px) {
   .table-header,
   .table-row {
-    grid-template-columns: 1.2fr 1.8fr 0.6fr 0.6fr;
+    grid-template-columns: 1.2fr 1.8fr 0.6fr 0.6fr 0.5fr;
   }
 
   .settings-grid {