diff --git a/src/renderer/scss/component/_button.scss b/src/renderer/scss/component/_button.scss index 553066e85..0bab8db8a 100644 --- a/src/renderer/scss/component/_button.scss +++ b/src/renderer/scss/component/_button.scss @@ -66,11 +66,6 @@ button:disabled { min-width: 0; box-shadow: none; text-align: left; - /*Tourniquets text over 20VW*/ - max-width: 20vw; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; } .btn.btn--external-link { diff --git a/src/renderer/scss/component/_table.scss b/src/renderer/scss/component/_table.scss index fbd8c2fed..90714d622 100644 --- a/src/renderer/scss/component/_table.scss +++ b/src/renderer/scss/component/_table.scss @@ -80,8 +80,8 @@ table.table--help { font-family: 'metropolis-semibold'; min-width: 130px; } - td:nth-of-type(2) { -/*Tourniquets text over 20VW*/ + td:nth-of-type(2) { + /*Tourniquets text over 20VW*/ max-width: 20vw; overflow: hidden; white-space: nowrap; @@ -99,6 +99,15 @@ table.table--transactions { } td:nth-of-type(3) { width: 22.5%; + + .btn--link { + // Tourniquets text over 20VW + // Style needs to be on the button to allow for proper ellipsis + max-width: 20vw; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } } td:nth-of-type(4) { width: 17.5%;