show label in the query instead of ontology

elixir-europe · Feb 14, 2024 · 5bed3c9 · 5bed3c9
1 parent 4ca4664
commit 5bed3c9
Show file tree

Hide file tree

Showing 3 changed files with 181 additions and 158 deletions.
diff --git a/frontend/src/App.css b/frontend/src/App.css
@@ -499,20 +499,26 @@ html {
 }
 
 .exampleQuery:hover .text-example {
+  margin-right: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: solid #c8c8c8;
   background-color: #c8c8c8;
   color: black;
+  width: -moz-fit-content;
   width: fit-content;
   border-radius: 6px;
-  margin-left: 10px;
-  padding: 1px;
+  margin-left: -98px;
+
+  padding-top: 1px;
+  padding-bottom: 1px;
+  padding-left: 2px;
+  padding-right: 2px;
 }
 
 .examplesQueriesList {
-  width: 111px;
+  width: fit-content;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -692,17 +698,20 @@ hr {
     sans-serif;
   text-transform: uppercase;
   font-size: 12px;
-  margin-left: 33px;
 }
 
 .exampleQueries:hover {
   color: rgb(118, 151, 228);
 }
 
 .bulbExample {
+  margin-right: 48px;
+  padding-right: 19px;
+  border-right: 1.7px solid #f1f1f1;
   display: flex;
+  justify-content: center;
   align-items: center;
-  border-left: 1.7px solid #f1f1f1;
+  flex-direction: row-reverse;
 }
 
 .helpButton {
@@ -780,10 +789,10 @@ hr {
 .example {
   display: flex;
   align-items: center;
-  margin-right: -117px;
+  /* margin-right: -117px; */
   margin-top: 22px;
   margin-bottom: 22px;
-  flex-direction: row-reverse;
+  flex-direction: row;
   align-content: space-between;
   justify-content: center;
 }
@@ -803,7 +812,7 @@ hr {
   padding: 5px;
   cursor: pointer;
   display: flex;
-  flex-direction: row-reverse;
+  flex-direction: row;
   align-content: center;
   justify-content: center;
   align-items: center;
@@ -1063,8 +1072,8 @@ h5 {
     sans-serif;
   text-transform: uppercase;
   font-size: 12px;
-  margin-right: 36px;
-  margin-left: 27px;
+  margin-right: 32px;
+  margin-left: -20px;
 }
 
 .filters:hover {
@@ -1177,7 +1186,7 @@ h5 {
     padding: 5px;
     cursor: pointer;
     display: flex;
-    flex-direction: row-reverse;
+    flex-direction: row;
     align-content: center;
     justify-content: center;
     align-items: center;
@@ -1264,10 +1273,8 @@ h5 {
       'Helvetica Neue', sans-serif;
     text-transform: uppercase;
     font-size: 10px;
-    margin-left: 2px !important;
-    margin-right: 7px !important;
-    /* margin-right: 36px; */
-    /* margin-left: 27px; */
+    margin-right: 3px;
+    margin-left: -23px;
   }
 
   .container-fluid {
@@ -1285,7 +1292,7 @@ h5 {
     margin-right: 0px;
     margin-top: 22px;
     margin-bottom: 22px;
-    flex-direction: row-reverse;
+    flex-direction: row;
     align-content: space-between;
     justify-content: center;
   }
@@ -1327,13 +1334,14 @@ h5 {
     height: 27px;
   }
   .bulbExample {
+    margin-right: 48px;
+    padding-right: 19px;
+    border-right: 1.7px solid #f1f1f1;
     display: flex;
-    border-left: 1.7px solid #f1f1f1;
-    flex-direction: column;
-    justify-content: center;
-    align-content: center;
-    align-items: center;
-    width: 112px;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
+      'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
+      'Helvetica Neue', sans-serif;
+    text-transform: uppercase;
   }
   .searchIcon {
     width: 26px;
@@ -1364,20 +1372,22 @@ h5 {
     justify-content: center;
     align-content: center;
     align-items: flex-start;
-    width: 189px;
+    width: fit-content;
     border-radius: 5px;
     font-size: 9px;
     margin-left: 10px !important;
     background: #8dbde0;
   }
 
   .bulbExample {
+    margin-right: 49px;
     display: flex;
-    border-left: 1.7px solid #f1f1f1;
-    flex-direction: column;
-    justify-content: center;
-    align-content: center;
-    align-items: center;
+    padding-right: 13px;
+    border-right: 1.7px solid #f1f1f1;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
+      'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
+      'Helvetica Neue', sans-serif;
+    text-transform: uppercase;
   }
 
   .NavlinkVerifier {

diff --git a/frontend/src/components/FilteringTerms/FilteringTerms.css b/frontend/src/components/FilteringTerms/FilteringTerms.css
@@ -35,7 +35,7 @@ thead {
 }
 
 .tableWrapper {
-  height: 70vh;
+  height: 100vh;
   width: 90vw;
   overflow: scroll;
 }