synapse-react-client 2.1.2 → 2.1.6

package/dist/style/main.css

@@ -1,5 +1,9 @@
 @charset "UTF-8";
 @import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
+/*
+  @param $color string e.g. #eee or red
+  @param $width unit e.g. 15%
+ */
 /*
   @param $color string e.g. #eee or red
   @param $width unit e.g. 15%
@@ -9934,6 +9938,56 @@ a.bootstrap-4-backport .badge-dark:focus, a.bootstrap-4-backport .badge-dark.foc
   color: #aeb5bc;
   border-color: #dfe2e6;
 }
+.bootstrap-4-backport .btn-tertiary {
+  color: #407ba0;
+  border-color: #407ba0;
+  color: #407ba0;
+  text-decoration: none;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  border: none;
+  font-weight: 900;
+  white-space: normal;
+}
+.bootstrap-4-backport .btn-tertiary:hover {
+  color: #357197;
+  background-color: rgba(255, 255, 255, 0);
+  border-color: #2a678d;
+}
+.bootstrap-4-backport .btn-tertiary:focus, .bootstrap-4-backport .btn-tertiary.focus {
+  box-shadow: 0 0 0 0.2rem rgba(64, 123, 160, 0.5);
+}
+.bootstrap-4-backport .btn-tertiary.disabled, .bootstrap-4-backport .btn-tertiary:disabled {
+  color: #407ba0;
+  background-color: transparent;
+}
+.bootstrap-4-backport .btn-tertiary:not(:disabled):not(.disabled):active, .bootstrap-4-backport .btn-tertiary:not(:disabled):not(.disabled).active, .show > .bootstrap-4-backport .btn-tertiary.dropdown-toggle {
+  color: #212529;
+  background-color: rgba(255, 255, 255, 0);
+  border-color: #2a678d;
+}
+.bootstrap-4-backport .btn-tertiary:not(:disabled):not(.disabled):active:focus, .bootstrap-4-backport .btn-tertiary:not(:disabled):not(.disabled).active:focus, .show > .bootstrap-4-backport .btn-tertiary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(64, 123, 160, 0.5);
+}
+.bootstrap-4-backport .btn-tertiary:hover {
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
+}
+.bootstrap-4-backport .btn-tertiary.disabled {
+  color: #aeb5bc;
+}
+.bootstrap-4-backport .btn-tertiary.disabled:hover {
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
+  cursor: default;
+}
+.bootstrap-4-backport .btn-tertiary:hover {
+  box-shadow: none;
+}
 
 .bootstrap-4-backport .alert > p, .bootstrap-4-backport .alert > ul {
   margin-bottom: 0;
@@ -15431,7 +15485,6 @@ main .markdown .secondary-links a:not(.btn), #rootPanel a:not(.btn), #rootPanel
   color: #407ba0;
   text-decoration: none;
   font-weight: 700;
-  border-bottom: 2px solid transparent;
   letter-spacing: 0.5px;
 }
 main a:not(.btn):hover, main .bootstrap-4-backport a:not(.btn):hover,
@@ -15443,8 +15496,10 @@ main .markdown .secondary-links a:not(.btn):hover, #rootPanel a:not(.btn):hover,
 #rootPanel .markdown a.SRC-userCard:not(.btn):hover,
 #rootPanel .secondary-links a:not(.btn):hover,
 #rootPanel .markdown .secondary-links a:not(.btn):hover {
-  border-bottom: 2px solid #2a678d;
-  margin-bottom: 0px;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
 }
 main a:not(.btn).disabled, main .bootstrap-4-backport a:not(.btn).disabled,
 main .markdown td a:not(.btn).disabled,
@@ -15466,7 +15521,10 @@ main .markdown .secondary-links a:not(.btn).disabled:hover, #rootPanel a:not(.bt
 #rootPanel .markdown a.SRC-userCard:not(.btn).disabled:hover,
 #rootPanel .secondary-links a:not(.btn).disabled:hover,
 #rootPanel .markdown .secondary-links a:not(.btn).disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main a:not(.btn):visited, main a:not(.btn):active, main a:not(.btn):link, main .bootstrap-4-backport a:not(.btn):visited, main .bootstrap-4-backport a:not(.btn):active, main .bootstrap-4-backport a:not(.btn):link,
@@ -15497,7 +15555,6 @@ main .markdown .secondary-links a:not(.btn):link, #rootPanel a:not(.btn):visited
   color: #407ba0;
   text-decoration: none;
   font-weight: 700;
-  border-bottom: 2px solid transparent;
   letter-spacing: 0.5px;
 }
 main a:not(.btn):visited:hover, main a:not(.btn):active:hover, main a:not(.btn):link:hover, main .bootstrap-4-backport a:not(.btn):visited:hover, main .bootstrap-4-backport a:not(.btn):active:hover, main .bootstrap-4-backport a:not(.btn):link:hover,
@@ -15525,8 +15582,10 @@ main .markdown .secondary-links a:not(.btn):link:hover, #rootPanel a:not(.btn):v
 #rootPanel .markdown .secondary-links a:not(.btn):visited:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):active:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):link:hover {
-  border-bottom: 2px solid #2a678d;
-  margin-bottom: 0px;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
 }
 main a:not(.btn):visited.disabled, main a:not(.btn):active.disabled, main a:not(.btn):link.disabled, main .bootstrap-4-backport a:not(.btn):visited.disabled, main .bootstrap-4-backport a:not(.btn):active.disabled, main .bootstrap-4-backport a:not(.btn):link.disabled,
 main .markdown td a:not(.btn):visited.disabled,
@@ -15580,23 +15639,30 @@ main .markdown .secondary-links a:not(.btn):link.disabled:hover, #rootPanel a:no
 #rootPanel .markdown .secondary-links a:not(.btn):visited.disabled:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):active.disabled:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):link.disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main .markdown a:not(.btn), main .SRC-userCardName a:not(.btn), main a.highlight-link:not(.btn),
 main details > summary:not(.btn), #rootPanel .markdown a:not(.btn), #rootPanel .SRC-userCardName a:not(.btn), #rootPanel a.highlight-link:not(.btn),
 #rootPanel details > summary:not(.btn) {
   color: #407ba0;
-  text-decoration: none;
   font-weight: 700;
   letter-spacing: 0.5px;
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
 }
 main .markdown a:not(.btn):hover, main .SRC-userCardName a:not(.btn):hover, main a.highlight-link:not(.btn):hover,
 main details > summary:not(.btn):hover, #rootPanel .markdown a:not(.btn):hover, #rootPanel .SRC-userCardName a:not(.btn):hover, #rootPanel a.highlight-link:not(.btn):hover,
 #rootPanel details > summary:not(.btn):hover {
-  border-bottom: 2px solid #2a678d;
-  margin-bottom: -1px;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
 }
 main .markdown a:not(.btn).disabled, main .SRC-userCardName a:not(.btn).disabled, main a.highlight-link:not(.btn).disabled,
 main details > summary:not(.btn).disabled, #rootPanel .markdown a:not(.btn).disabled, #rootPanel .SRC-userCardName a:not(.btn).disabled, #rootPanel a.highlight-link:not(.btn).disabled,
@@ -15606,7 +15672,10 @@ main details > summary:not(.btn).disabled, #rootPanel .markdown a:not(.btn).disa
 main .markdown a:not(.btn).disabled:hover, main .SRC-userCardName a:not(.btn).disabled:hover, main a.highlight-link:not(.btn).disabled:hover,
 main details > summary:not(.btn).disabled:hover, #rootPanel .markdown a:not(.btn).disabled:hover, #rootPanel .SRC-userCardName a:not(.btn).disabled:hover, #rootPanel a.highlight-link:not(.btn).disabled:hover,
 #rootPanel details > summary:not(.btn).disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main .markdown a:not(.btn):visited, main .markdown a:not(.btn):active, main .markdown a:not(.btn):link, main .SRC-userCardName a:not(.btn):visited, main .SRC-userCardName a:not(.btn):active, main .SRC-userCardName a:not(.btn):link, main a.highlight-link:not(.btn):visited, main a.highlight-link:not(.btn):active, main a.highlight-link:not(.btn):link,
@@ -15617,10 +15686,12 @@ main details > summary:not(.btn):link, #rootPanel .markdown a:not(.btn):visited,
 #rootPanel details > summary:not(.btn):active,
 #rootPanel details > summary:not(.btn):link {
   color: #407ba0;
-  text-decoration: none;
   font-weight: 700;
   letter-spacing: 0.5px;
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
 }
 main .markdown a:not(.btn):visited:hover, main .markdown a:not(.btn):active:hover, main .markdown a:not(.btn):link:hover, main .SRC-userCardName a:not(.btn):visited:hover, main .SRC-userCardName a:not(.btn):active:hover, main .SRC-userCardName a:not(.btn):link:hover, main a.highlight-link:not(.btn):visited:hover, main a.highlight-link:not(.btn):active:hover, main a.highlight-link:not(.btn):link:hover,
 main details > summary:not(.btn):visited:hover,
@@ -15629,8 +15700,10 @@ main details > summary:not(.btn):link:hover, #rootPanel .markdown a:not(.btn):vi
 #rootPanel details > summary:not(.btn):visited:hover,
 #rootPanel details > summary:not(.btn):active:hover,
 #rootPanel details > summary:not(.btn):link:hover {
-  border-bottom: 2px solid #2a678d;
-  margin-bottom: -1px;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
 }
 main .markdown a:not(.btn):visited.disabled, main .markdown a:not(.btn):active.disabled, main .markdown a:not(.btn):link.disabled, main .SRC-userCardName a:not(.btn):visited.disabled, main .SRC-userCardName a:not(.btn):active.disabled, main .SRC-userCardName a:not(.btn):link.disabled, main a.highlight-link:not(.btn):visited.disabled, main a.highlight-link:not(.btn):active.disabled, main a.highlight-link:not(.btn):link.disabled,
 main details > summary:not(.btn):visited.disabled,
@@ -15648,61 +15721,73 @@ main details > summary:not(.btn):link.disabled:hover, #rootPanel .markdown a:not
 #rootPanel details > summary:not(.btn):visited.disabled:hover,
 #rootPanel details > summary:not(.btn):active.disabled:hover,
 #rootPanel details > summary:not(.btn):link.disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main .dropdown a:not(.btn), main .nav-tabs a:not(.btn), main .dropdown-menu a:not(.btn), main .MuiDrawer-root a:not(.btn), #rootPanel .dropdown a:not(.btn), #rootPanel .nav-tabs a:not(.btn), #rootPanel .dropdown-menu a:not(.btn), #rootPanel .MuiDrawer-root a:not(.btn) {
   color: unset;
   text-decoration: unset;
   font-weight: unset;
-  border-bottom: unset;
+  text-decoration: unset;
   letter-spacing: unset;
 }
 main .dropdown a:not(.btn):hover, main .nav-tabs a:not(.btn):hover, main .dropdown-menu a:not(.btn):hover, main .MuiDrawer-root a:not(.btn):hover, #rootPanel .dropdown a:not(.btn):hover, #rootPanel .nav-tabs a:not(.btn):hover, #rootPanel .dropdown-menu a:not(.btn):hover, #rootPanel .MuiDrawer-root a:not(.btn):hover {
-  border-bottom: unset;
+  text-decoration: unset;
   margin-bottom: unset;
 }
 main .dropdown a:not(.btn).disabled, main .nav-tabs a:not(.btn).disabled, main .dropdown-menu a:not(.btn).disabled, main .MuiDrawer-root a:not(.btn).disabled, #rootPanel .dropdown a:not(.btn).disabled, #rootPanel .nav-tabs a:not(.btn).disabled, #rootPanel .dropdown-menu a:not(.btn).disabled, #rootPanel .MuiDrawer-root a:not(.btn).disabled {
   color: #aeb5bc;
 }
 main .dropdown a:not(.btn).disabled:hover, main .nav-tabs a:not(.btn).disabled:hover, main .dropdown-menu a:not(.btn).disabled:hover, main .MuiDrawer-root a:not(.btn).disabled:hover, #rootPanel .dropdown a:not(.btn).disabled:hover, #rootPanel .nav-tabs a:not(.btn).disabled:hover, #rootPanel .dropdown-menu a:not(.btn).disabled:hover, #rootPanel .MuiDrawer-root a:not(.btn).disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main * a.ignoreLink:not(.btn), main .bootstrap-4-backport a.ignoreLink:not(.btn), #rootPanel * a.ignoreLink:not(.btn), #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn) {
   color: unset;
   text-decoration: unset;
   font-weight: unset;
-  border-bottom: unset;
+  text-decoration: unset;
   letter-spacing: unset;
 }
 main * a.ignoreLink:not(.btn):hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):hover, #rootPanel * a.ignoreLink:not(.btn):hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):hover {
-  border-bottom: unset;
+  text-decoration: unset;
   margin-bottom: unset;
 }
 main * a.ignoreLink:not(.btn).disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn).disabled, #rootPanel * a.ignoreLink:not(.btn).disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn).disabled {
   color: #aeb5bc;
 }
 main * a.ignoreLink:not(.btn).disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn).disabled:hover, #rootPanel * a.ignoreLink:not(.btn).disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn).disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main * a.ignoreLink:not(.btn):visited, main * a.ignoreLink:not(.btn):active, main * a.ignoreLink:not(.btn):link, main .bootstrap-4-backport a.ignoreLink:not(.btn):visited, main .bootstrap-4-backport a.ignoreLink:not(.btn):active, main .bootstrap-4-backport a.ignoreLink:not(.btn):link, #rootPanel * a.ignoreLink:not(.btn):visited, #rootPanel * a.ignoreLink:not(.btn):active, #rootPanel * a.ignoreLink:not(.btn):link, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link {
   color: unset;
   text-decoration: unset;
   font-weight: unset;
-  border-bottom: unset;
+  text-decoration: unset;
   letter-spacing: unset;
 }
 main * a.ignoreLink:not(.btn):visited:hover, main * a.ignoreLink:not(.btn):active:hover, main * a.ignoreLink:not(.btn):link:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):visited:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):active:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):link:hover, #rootPanel * a.ignoreLink:not(.btn):visited:hover, #rootPanel * a.ignoreLink:not(.btn):active:hover, #rootPanel * a.ignoreLink:not(.btn):link:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link:hover {
-  border-bottom: unset;
+  text-decoration: unset;
   margin-bottom: unset;
 }
 main * a.ignoreLink:not(.btn):visited.disabled, main * a.ignoreLink:not(.btn):active.disabled, main * a.ignoreLink:not(.btn):link.disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled, main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled, #rootPanel * a.ignoreLink:not(.btn):visited.disabled, #rootPanel * a.ignoreLink:not(.btn):active.disabled, #rootPanel * a.ignoreLink:not(.btn):link.disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled {
   color: #aeb5bc;
 }
 main * a.ignoreLink:not(.btn):visited.disabled:hover, main * a.ignoreLink:not(.btn):active.disabled:hover, main * a.ignoreLink:not(.btn):link.disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled:hover, main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover, #rootPanel * a.ignoreLink:not(.btn):visited.disabled:hover, #rootPanel * a.ignoreLink:not(.btn):active.disabled:hover, #rootPanel * a.ignoreLink:not(.btn):link.disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled:hover, #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 
@@ -16056,6 +16141,7 @@ svg.HelpButton {
   padding-top: 21px;
   margin-bottom: 21px;
   max-width: 850px;
+  overflow-x: hidden;
 }
 .SRC-portalCard .SRC-cardContent.SRC-dataset {
   width: 80%;
@@ -21332,7 +21418,7 @@ table.DownloadListTableV2 tbody tr:nth-of-type(even) > .stickyColumn {
   background-color: white;
 }
 table.DownloadListTableV2 tbody tr:nth-of-type(odd) > .stickyColumn {
-  background-color: #FBFBFC;
+  background-color: #fbfbfc;
 }
 table.DownloadListTableV2 tbody .stickyColumn .actionsContainer {
   color: #878e95;
@@ -22047,18 +22133,21 @@ table.DownloadListTableV2 td {
   color: unset;
   text-decoration: unset;
   font-weight: unset;
-  border-bottom: unset;
+  text-decoration: unset;
   letter-spacing: unset;
 }
 .SynapseNavContentDrawer .createProjectLink:hover {
-  border-bottom: unset;
+  text-decoration: unset;
   margin-bottom: unset;
 }
 .SynapseNavContentDrawer .createProjectLink.disabled {
   color: #aeb5bc;
 }
 .SynapseNavContentDrawer .createProjectLink.disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 

package/dist/umd/synapse-react-client.development.css

@@ -10621,6 +10621,62 @@ a.bootstrap-4-backport .badge-dark.focus {
   color: #aeb5bc;
   border-color: #dfe2e6;
 }
+.bootstrap-4-backport .btn-tertiary {
+  color: #407ba0;
+  border-color: #407ba0;
+  color: #407ba0;
+  text-decoration: none;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  border: none;
+  font-weight: 900;
+  white-space: normal;
+}
+.bootstrap-4-backport .btn-tertiary:hover {
+  color: #357197;
+  background-color: rgba(255, 255, 255, 0);
+  border-color: #2a678d;
+}
+.bootstrap-4-backport .btn-tertiary:focus,
+.bootstrap-4-backport .btn-tertiary.focus {
+  box-shadow: 0 0 0 0.2rem rgba(64, 123, 160, 0.5);
+}
+.bootstrap-4-backport .btn-tertiary.disabled,
+.bootstrap-4-backport .btn-tertiary:disabled {
+  color: #407ba0;
+  background-color: transparent;
+}
+.bootstrap-4-backport .btn-tertiary:not(:disabled):not(.disabled):active,
+.bootstrap-4-backport .btn-tertiary:not(:disabled):not(.disabled).active,
+.show > .bootstrap-4-backport .btn-tertiary.dropdown-toggle {
+  color: #212529;
+  background-color: rgba(255, 255, 255, 0);
+  border-color: #2a678d;
+}
+.bootstrap-4-backport .btn-tertiary:not(:disabled):not(.disabled):active:focus,
+.bootstrap-4-backport .btn-tertiary:not(:disabled):not(.disabled).active:focus,
+.show > .bootstrap-4-backport .btn-tertiary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(64, 123, 160, 0.5);
+}
+.bootstrap-4-backport .btn-tertiary:hover {
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
+}
+.bootstrap-4-backport .btn-tertiary.disabled {
+  color: #aeb5bc;
+}
+.bootstrap-4-backport .btn-tertiary.disabled:hover {
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
+  cursor: default;
+}
+.bootstrap-4-backport .btn-tertiary:hover {
+  box-shadow: none;
+}
 .bootstrap-4-backport .alert > p,
 .bootstrap-4-backport .alert > ul {
   margin-bottom: 0;
@@ -15559,7 +15615,6 @@ main .markdown .secondary-links a:not(.btn),
   color: #407ba0;
   text-decoration: none;
   font-weight: 700;
-  border-bottom: 2px solid transparent;
   letter-spacing: 0.5px;
 }
 main a:not(.btn):hover,
@@ -15574,8 +15629,10 @@ main .markdown .secondary-links a:not(.btn):hover,
 #rootPanel .markdown a.SRC-userCard:not(.btn):hover,
 #rootPanel .secondary-links a:not(.btn):hover,
 #rootPanel .markdown .secondary-links a:not(.btn):hover {
-  border-bottom: 2px solid #2a678d;
-  margin-bottom: 0px;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
 }
 main a:not(.btn).disabled,
 main .bootstrap-4-backport a:not(.btn).disabled,
@@ -15603,7 +15660,10 @@ main .markdown .secondary-links a:not(.btn).disabled:hover,
 #rootPanel .markdown a.SRC-userCard:not(.btn).disabled:hover,
 #rootPanel .secondary-links a:not(.btn).disabled:hover,
 #rootPanel .markdown .secondary-links a:not(.btn).disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main a:not(.btn):visited,
@@ -15645,7 +15705,6 @@ main .markdown .secondary-links a:not(.btn):link,
   color: #407ba0;
   text-decoration: none;
   font-weight: 700;
-  border-bottom: 2px solid transparent;
   letter-spacing: 0.5px;
 }
 main a:not(.btn):visited:hover,
@@ -15684,8 +15743,10 @@ main .markdown .secondary-links a:not(.btn):link:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):visited:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):active:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):link:hover {
-  border-bottom: 2px solid #2a678d;
-  margin-bottom: 0px;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
 }
 main a:not(.btn):visited.disabled,
 main a:not(.btn):active.disabled,
@@ -15761,7 +15822,10 @@ main .markdown .secondary-links a:not(.btn):link.disabled:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):visited.disabled:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):active.disabled:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):link.disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main .markdown a:not(.btn),
@@ -15773,10 +15837,12 @@ main details > summary:not(.btn),
 #rootPanel a.highlight-link:not(.btn),
 #rootPanel details > summary:not(.btn) {
   color: #407ba0;
-  text-decoration: none;
   font-weight: 700;
   letter-spacing: 0.5px;
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
 }
 main .markdown a:not(.btn):hover,
 main .SRC-userCardName a:not(.btn):hover,
@@ -15786,8 +15852,10 @@ main details > summary:not(.btn):hover,
 #rootPanel .SRC-userCardName a:not(.btn):hover,
 #rootPanel a.highlight-link:not(.btn):hover,
 #rootPanel details > summary:not(.btn):hover {
-  border-bottom: 2px solid #2a678d;
-  margin-bottom: -1px;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
 }
 main .markdown a:not(.btn).disabled,
 main .SRC-userCardName a:not(.btn).disabled,
@@ -15807,7 +15875,10 @@ main details > summary:not(.btn).disabled:hover,
 #rootPanel .SRC-userCardName a:not(.btn).disabled:hover,
 #rootPanel a.highlight-link:not(.btn).disabled:hover,
 #rootPanel details > summary:not(.btn).disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main .markdown a:not(.btn):visited,
@@ -15835,10 +15906,12 @@ main details > summary:not(.btn):link,
 #rootPanel details > summary:not(.btn):active,
 #rootPanel details > summary:not(.btn):link {
   color: #407ba0;
-  text-decoration: none;
   font-weight: 700;
   letter-spacing: 0.5px;
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
 }
 main .markdown a:not(.btn):visited:hover,
 main .markdown a:not(.btn):active:hover,
@@ -15864,8 +15937,10 @@ main details > summary:not(.btn):link:hover,
 #rootPanel details > summary:not(.btn):visited:hover,
 #rootPanel details > summary:not(.btn):active:hover,
 #rootPanel details > summary:not(.btn):link:hover {
-  border-bottom: 2px solid #2a678d;
-  margin-bottom: -1px;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
 }
 main .markdown a:not(.btn):visited.disabled,
 main .markdown a:not(.btn):active.disabled,
@@ -15917,7 +15992,10 @@ main details > summary:not(.btn):link.disabled:hover,
 #rootPanel details > summary:not(.btn):visited.disabled:hover,
 #rootPanel details > summary:not(.btn):active.disabled:hover,
 #rootPanel details > summary:not(.btn):link.disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main .dropdown a:not(.btn),
@@ -15931,7 +16009,7 @@ main .MuiDrawer-root a:not(.btn),
   color: unset;
   text-decoration: unset;
   font-weight: unset;
-  border-bottom: unset;
+  text-decoration: unset;
   letter-spacing: unset;
 }
 main .dropdown a:not(.btn):hover,
@@ -15942,7 +16020,7 @@ main .MuiDrawer-root a:not(.btn):hover,
 #rootPanel .nav-tabs a:not(.btn):hover,
 #rootPanel .dropdown-menu a:not(.btn):hover,
 #rootPanel .MuiDrawer-root a:not(.btn):hover {
-  border-bottom: unset;
+  text-decoration: unset;
   margin-bottom: unset;
 }
 main .dropdown a:not(.btn).disabled,
@@ -15963,7 +16041,10 @@ main .MuiDrawer-root a:not(.btn).disabled:hover,
 #rootPanel .nav-tabs a:not(.btn).disabled:hover,
 #rootPanel .dropdown-menu a:not(.btn).disabled:hover,
 #rootPanel .MuiDrawer-root a:not(.btn).disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main * a.ignoreLink:not(.btn),
@@ -15973,14 +16054,14 @@ main .bootstrap-4-backport a.ignoreLink:not(.btn),
   color: unset;
   text-decoration: unset;
   font-weight: unset;
-  border-bottom: unset;
+  text-decoration: unset;
   letter-spacing: unset;
 }
 main * a.ignoreLink:not(.btn):hover,
 main .bootstrap-4-backport a.ignoreLink:not(.btn):hover,
 #rootPanel * a.ignoreLink:not(.btn):hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):hover {
-  border-bottom: unset;
+  text-decoration: unset;
   margin-bottom: unset;
 }
 main * a.ignoreLink:not(.btn).disabled,
@@ -15993,7 +16074,10 @@ main * a.ignoreLink:not(.btn).disabled:hover,
 main .bootstrap-4-backport a.ignoreLink:not(.btn).disabled:hover,
 #rootPanel * a.ignoreLink:not(.btn).disabled:hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn).disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main * a.ignoreLink:not(.btn):visited,
@@ -16011,7 +16095,7 @@ main .bootstrap-4-backport a.ignoreLink:not(.btn):link,
   color: unset;
   text-decoration: unset;
   font-weight: unset;
-  border-bottom: unset;
+  text-decoration: unset;
   letter-spacing: unset;
 }
 main * a.ignoreLink:not(.btn):visited:hover,
@@ -16026,7 +16110,7 @@ main .bootstrap-4-backport a.ignoreLink:not(.btn):link:hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited:hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active:hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link:hover {
-  border-bottom: unset;
+  text-decoration: unset;
   margin-bottom: unset;
 }
 main * a.ignoreLink:not(.btn):visited.disabled,
@@ -16055,7 +16139,10 @@ main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled:hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled:hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 .searchInputWithIcon span {
@@ -16396,6 +16483,7 @@ svg.HelpButton {
   padding-top: 21px;
   margin-bottom: 21px;
   max-width: 850px;
+  overflow-x: hidden;
 }
 .SRC-portalCard .SRC-cardContent.SRC-dataset {
   width: 80%;
@@ -21471,7 +21559,7 @@ table.DownloadListTableV2 tbody tr:nth-of-type(even) > .stickyColumn {
   background-color: white;
 }
 table.DownloadListTableV2 tbody tr:nth-of-type(odd) > .stickyColumn {
-  background-color: #FBFBFC;
+  background-color: #fbfbfc;
 }
 table.DownloadListTableV2 tbody .stickyColumn .actionsContainer {
   color: #878e95;
@@ -22161,18 +22249,21 @@ table.DownloadListTableV2 td {
   color: unset;
   text-decoration: unset;
   font-weight: unset;
-  border-bottom: unset;
+  text-decoration: unset;
   letter-spacing: unset;
 }
 .SynapseNavContentDrawer .createProjectLink:hover {
-  border-bottom: unset;
+  text-decoration: unset;
   margin-bottom: unset;
 }
 .SynapseNavContentDrawer .createProjectLink.disabled {
   color: #aeb5bc;
 }
 .SynapseNavContentDrawer .createProjectLink.disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 .terms-conditions .view-terms a,