fix(model-ad): move comparison tool search input alignment over table and align displayed results component (MG-480, MG-481) (Sage-Bionetworks#3664)

Author: sagely1

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

@@ -1,13 +1,22 @@
 .controls {
+  position: relative;
   display: flex;
   flex-direction: row;
-  padding: 20px 0;
-  gap: 22px;
 
   .controls-left {
     display: flex;
     flex-direction: column;
+    align-items: center;
     width: var(--comparison-tool-primary-column-width);
+    padding: 20px;
+
+    explorers-comparison-tool-search-input {
+      position: absolute;
+      top: 100%;
+      z-index: 10;
+      width: 100%;
+      max-width: 200px;
+    }
   }
 
   .controls-right {
@@ -16,6 +25,8 @@
     align-items: start;
     justify-content: flex-end;
     flex-grow: 1;
+    border: 1px solid var(--color-gray-300);
+    padding: 20px;
 
     .significance-and-column-selector {
       display: flex;

libs/explorers/comparison-tool/src/lib/comparison-tool-controls/displayed-results/displayed-results.component.scss

@@ -7,7 +7,6 @@
   align-items: center;
   height: 100px;
   width: var(--comparison-tool-primary-column-width);
-  border: 1px solid var(--color-gray-300);
 
   h5 {
     font-weight: 700;