From 61a6bac9dce2bd181ab9985b4a1ff4879ef3768f Mon Sep 17 00:00:00 2001
From: Chen-I Lim <chenilim@gmail.com>
Date: Tue, 13 Oct 2020 14:06:20 -0700
Subject: [PATCH] Wider table title cell

---
 src/client/components/tableComponent.tsx | 2 +-
 src/client/components/tableRow.tsx       | 2 +-
 src/static/main.css                      | 6 +++++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/client/components/tableComponent.tsx b/src/client/components/tableComponent.tsx
index 795ba6e39..4179aea1e 100644
--- a/src/client/components/tableComponent.tsx
+++ b/src/client/components/tableComponent.tsx
@@ -111,7 +111,7 @@ class TableComponent extends React.Component<Props, State> {
 							{/* Headers */}
 
 							<div className="octo-table-header" id="mainBoardHeader">
-								<div className="octo-table-cell" id="mainBoardHeader">
+								<div className="octo-table-cell title-cell" id="mainBoardHeader">
 									<div
 										className="octo-label"
 										style={{ cursor: "pointer" }}
diff --git a/src/client/components/tableRow.tsx b/src/client/components/tableRow.tsx
index 742d05e56..fc6d6d7d2 100644
--- a/src/client/components/tableRow.tsx
+++ b/src/client/components/tableRow.tsx
@@ -36,7 +36,7 @@ class TableRow extends React.Component<Props, State> {
 
 			{/* Name / title */}
 
-			<div className="octo-table-cell" id="mainBoardHeader" onMouseOver={() => { openButonRef.current.style.display = null }} onMouseLeave={() => { openButonRef.current.style.display = "none" }}>
+			<div className="octo-table-cell title-cell" id="mainBoardHeader" onMouseOver={() => { openButonRef.current.style.display = null }} onMouseLeave={() => { openButonRef.current.style.display = "none" }}>
 				<div className="octo-icontitle">
 					<div className="octo-icon">{card.icon}</div>
 					<Editable
diff --git a/src/static/main.css b/src/static/main.css
index 93e79fcc0..3f1d3f144 100644
--- a/src/static/main.css
+++ b/src/static/main.css
@@ -630,7 +630,7 @@ hr {
 	box-sizing: border-box;
 	padding: 5px 8px 6px 8px;
 
-	width: 240px;
+	width: 150px;
 	min-height: 32px;
 
 	font-size: 14px;
@@ -640,6 +640,10 @@ hr {
 	position: relative;
 }
 
+.octo-table-cell.title-cell {
+	width: 280px;
+}
+
 .octo-table-cell .octo-propertyvalue {
 	line-height: 17px;
 }