From 6241999d2f3c67d8597cc5ea27ba61b14669ce2a Mon Sep 17 00:00:00 2001 From: Proddy Date: Sun, 1 May 2022 15:38:58 +0200 Subject: [PATCH] more formatting --- interface/src/project/DashboardData.tsx | 18 ++++++++++++------ .../src/project/SettingsCustomization.tsx | 14 ++++++++++---- 2 files changed, 22 insertions(+), 10 deletions(-) diff --git a/interface/src/project/DashboardData.tsx b/interface/src/project/DashboardData.tsx index d13f1d0dd..ca52cb24a 100644 --- a/interface/src/project/DashboardData.tsx +++ b/interface/src/project/DashboardData.tsx @@ -197,23 +197,29 @@ const DashboardData: FC = () => { border-top: 1px solid #177ac9; border-bottom: 1px solid #177ac9; color: white; - cursor: 'pointer', } `, BaseCell: ` - padding-left: 8px; + cursor: pointer; border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; + padding-left: 16px; + width: 124px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; &:last-of-type { text-align: right; } `, HeaderCell: ` - padding-left: 0px; - &:not(:last-of-type) { - border-right: 1px solid #565656; - } + &:nth-of-type(1) { + padding-left: 8px; + } + &:not(:last-of-type) { + border-right: 1px solid #565656; + } ` }); diff --git a/interface/src/project/SettingsCustomization.tsx b/interface/src/project/SettingsCustomization.tsx index acc3296e9..fd0703a6f 100644 --- a/interface/src/project/SettingsCustomization.tsx +++ b/interface/src/project/SettingsCustomization.tsx @@ -63,6 +63,7 @@ const SettingsCustomization: FC = () => { font-size: 14px; color: white; height: 32px; + min-height: 32px; `, HeaderRow: ` text-transform: uppercase; @@ -103,6 +104,9 @@ const SettingsCustomization: FC = () => { border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; &:nth-of-type(1) { left: 0px; min-width: 124px; @@ -115,12 +119,14 @@ const SettingsCustomization: FC = () => { } `, HeaderCell: ` - padding-left: 0px; &:nth-of-type(1) { padding-left: 24px; } - &:nth-of-type(3) { - border-left: 1px solid #565656; + &:nth-of-type(2) { + padding-left: 0px; + } + &:not(:last-of-type) { + border-right: 1px solid #565656; } ` }); @@ -429,7 +435,7 @@ const SettingsCustomization: FC = () => { NAME - VALUE + VALUE