Merge pull request #25 from elixir-europe/elixir-bsc

Elixir bsc
elixir-europe · Nov 30, 2023 · 97a0bbd · 97a0bbd
2 parents 8b683ca + 19bc331
commit 97a0bbd
Show file tree

Hide file tree

Showing 5 changed files with 229 additions and 223 deletions.
diff --git a/frontend/src/App.css b/frontend/src/App.css
@@ -84,14 +84,6 @@ html {
   font-size: 14px;
 }
 
-.multi-switch-container {
-  width: 180px;
-  background-color: white;
-  border-color: black;
-  height: 30px;
-  margin-left: 14px;
-  z-index: 0;
-}
 
 .container-fluid {
   display: flex;
@@ -117,7 +109,7 @@ html {
   width: 89px;
 }
 
-.test-example{
+.test-example {
   padding: 2px;
 }
 
@@ -1007,6 +999,14 @@ h5 {
     text-underline-offset: 1px;
   }
 
+  .switchDescendants h3 {
+    color: #e16e00;
+    text-transform: uppercase;
+    margin-left: 3px !important;
+    margin-top: 14px;
+    font-size: 12px;
+  }
+
   .ReactModal__Content--after-open {
     width: 269px;
     font-size: 12px;
@@ -1020,7 +1020,7 @@ h5 {
     outline: none !important;
     padding: 16px !important;
   }
-  
+
   .ReactModal__Content--after-open p {
     font-size: 14px;
     font-weight: normal;
@@ -1043,11 +1043,11 @@ h5 {
     /* margin-left: 27px; */
   }
 
-  .container-fluid{
+  .container-fluid {
     display: flex;
     width: 100%;
     margin-right: 0px;
-    margin-left:  0px;
+    margin-left: 0px;
     justify-content: center;
     height: 35px;
   }
@@ -1061,7 +1061,7 @@ h5 {
     flex-direction: row-reverse;
     align-content: space-between;
     justify-content: center;
-}
+  }
 
   .exampleQueries {
     border: none;

diff --git a/frontend/src/components/Datasets/ResultsDatasets.css b/frontend/src/components/Datasets/ResultsDatasets.css
@@ -115,7 +115,7 @@
   margin-bottom: -3px;
 }
 .tittle {
-  width: 40vw;
+  width: 38vw;
   background: #c8d4e6;
   border-radius: 2px;
   /* height: 80px; */
@@ -216,7 +216,7 @@
     justify-content: flex-start;
   }
   .tittle {
-    width: 80vw;
+    width: 71vw;
     background: #c8d4e6;
     border-radius: 2px;
     /* height: 80px; */

diff --git a/frontend/src/components/Individuals/Individuals.css b/frontend/src/components/Individuals/Individuals.css
@@ -1,3 +1,4 @@
+
 .resultsIndividuals {
   display: flex;
   margin-top: 9px;
@@ -318,20 +319,31 @@ h4 {
   }
 }
 
-@media (max-width: 1349px) {
+@media (min-width: 872px){
   .tittleResults h1 {
     font-size: 12px;
     color: black !important;
   }
+
+
+.multi-switch-container {
+  width: 237px !important;
+  background-color: white;
+  border-color: black;
+  height: 29px !important;
+  margin-left: 14px;
+  z-index: 0;
+}
+
 }
 
-@media (max-width: 800px) {
+
+@media (max-width: 873px) {
   label {
     font-size: 10px;
   }
 
-  h3{
-    width: 70vw;
+  h3 {
     color: #c11524;
     text-transform: uppercase;
     margin-top: 17px;
@@ -359,14 +371,22 @@ h4 {
 
   .multi-switch-container label {
     font-size: 10px !important;
-    width: 36px !important;
-  }
+    width: 53px !important;
+}
 
   .multi-switch-container span {
-    width: 37px !important;
-    left: 2px;
+    width: 45px !important;
     height: 23px;
     line-height: 23px;
     background-color: rgb(226, 147, 72);
   }
+
+  .multi-switch-container {
+    width: 219px !important;
+    background-color: white;
+    border-color: black;
+    height: 29px !important;
+    margin-left: 14px;
+    z-index: 0;
+  }
 }