fix(model-ad): fix comparison tool styles (MG-482, MG-486, MG-495) (Sage-Bionetworks#3663)

Author: hallieswan

libs/explorers/comparison-tool/src/lib/comparison-tool-table/comparison-tool-table.component.scss

@@ -110,12 +110,12 @@
 
       &.primary {
         width: var(--comparison-tool-primary-column-width) !important;
-        padding-left: 10px !important;
-        padding-right: 10px !important;
+        padding: 0 !important;
         justify-content: end;
 
         explorers-primary-identifier-controls {
           width: 100%;
+          height: 100%;
         }
       }
 

libs/explorers/comparison-tool/src/lib/comparison-tool-table/primary-identifier-controls/primary-identifier-controls.component.scss

@@ -8,8 +8,11 @@
   flex: 1;
   background-color: transparent;
   transition: vars.$transition-duration;
-  padding: 6px 15px 6px 7px;
-  margin-right: 0;
+  margin: 0;
+  padding: 10px 25px 10px 17px;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
   font-size: var(--font-size-md);
   font-weight: 700;
 

libs/explorers/comparison-tool/src/lib/comparison-tool.component.scss

@@ -27,7 +27,7 @@ main {
 
       .comparison-tool-tables {
         flex: 1 1 auto;
-        overflow: auto;
+        overflow: hidden auto;
       }
     }
   }

libs/explorers/comparison-tool/src/lib/help-links/help-links.component.scss

@@ -1,10 +1,13 @@
 .help-links {
-  padding: 10px 80px;
   display: flex;
-  justify-content: start;
   align-items: center;
+  padding: 10px 80px 10px 275px;
   height: 75px;
-  border: 1px solid var(--color-gray-300);
+  position: relative;
+  margin-top: -68px;
+  margin-bottom: 24px;
+  z-index: 100;
+  pointer-events: none;
 
   .help-links-inner {
     display: flex;