From a3734ba27de6395eb9bca4136b567730b711f6f9 Mon Sep 17 00:00:00 2001
From: Patrik Oldsberg <poldsberg@gmail.com>
Date: Thu, 2 Sep 2021 17:19:30 +0200
Subject: [PATCH] todo: fix TodoList table column widths

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
---
 .changeset/breezy-camels-bake.md                  | 5 +++++
 plugins/todo/src/components/TodoList/TodoList.tsx | 7 ++++---
 2 files changed, 9 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/breezy-camels-bake.md

diff --git a/.changeset/breezy-camels-bake.md b/.changeset/breezy-camels-bake.md
new file mode 100644
index 0000000000..4ec6e7dab1
--- /dev/null
+++ b/.changeset/breezy-camels-bake.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-todo': patch
+---
+
+Fix TodoList table column widths
diff --git a/plugins/todo/src/components/TodoList/TodoList.tsx b/plugins/todo/src/components/TodoList/TodoList.tsx
index 35bca27e30..653f825f6a 100644
--- a/plugins/todo/src/components/TodoList/TodoList.tsx
+++ b/plugins/todo/src/components/TodoList/TodoList.tsx
@@ -34,19 +34,20 @@ const columns: TableColumn<TodoItem>[] = [
   {
     title: 'Tag',
     field: 'tag',
+    width: '10%',
     filtering: false,
   },
   {
     title: 'Text',
     field: 'text',
-    width: '100%',
+    width: '55%',
     highlight: true,
     render: ({ text }) => <OverflowTooltip text={text} />,
   },
   {
     title: 'File',
     field: 'repoFilePath',
-    width: '80%',
+    width: '25%',
     render: ({ viewUrl, repoFilePath }) =>
       viewUrl ? (
         <Link to={viewUrl} target="_blank">
@@ -59,7 +60,7 @@ const columns: TableColumn<TodoItem>[] = [
   {
     title: 'Author',
     field: 'author',
-    width: '20%',
+    width: '10%',
     render: ({ author }) => <OverflowTooltip text={author} />,
   },
 ];