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