Merge pull request #73 from SCAI-BIO/change-home-page-styles

Change home page styles
SCAI-BIO · Jun 24, 2024 · 2253784 · 2253784
2 parents f41b579 + 5effd8c
commit 2253784
Show file tree

Hide file tree

Showing 11 changed files with 212 additions and 690 deletions.
diff --git a/frontend/src/app/cohorts/cohorts.component.css b/frontend/src/app/cohorts/cohorts.component.css
@@ -24,25 +24,6 @@
   font-weight: bold;
 }
 
-/* Styles for buttons */
-button {
-  background-color: #007bff;
-  border: none;
-  color: white;
-  padding: 10px 20px;
-  display: inline-block;
-  font-size: 16px;
-  margin: 4px 2px;
-  cursor: pointer;
-  border-radius: 5px;
-  transition: background-color 0.3s ease;
-  text-align: center;
-}
-
-button:hover {
-  background-color: #0056b3;
-}
-
 /* Add vertical lines between table columns */
 .mat-table th,
 .mat-table td {

diff --git a/frontend/src/app/contact-us/contact-us.component.css b/frontend/src/app/contact-us/contact-us.component.css
@@ -151,11 +151,4 @@
     color: inherit;
     width: 36px;
     height: 36px;
-}
-
-@media (max-width: 768px) {
-    .card-container {
-        flex: 1 1 100%;
-        max-width: 100%;
-    }
 }
diff --git a/frontend/src/app/contact-us/contact-us.component.html b/frontend/src/app/contact-us/contact-us.component.html
@@ -31,7 +31,7 @@ <h5 class="card-title">Prof. Dr. Martin Hofmann-Apitius</h5>
             <div class="card-actions">
               <a href="https://x.com/apitiushofmann" target="_blank">
                 <button class="icon-button">
-                  <mat-icon svgIcon="x"></mat-icon>
+                  <mat-icon svgIcon="x" style="fill: black;"></mat-icon>
                 </button>
               </a>
               <a
@@ -64,6 +64,7 @@ <h5 class="card-title">Prof. Dr. Martin Hofmann-Apitius</h5>
                     aria-hidden="false"
                     aria-label="Mail to"
                     fontIcon="email"
+                    style="color: black;"
                   ></mat-icon>
                 </button>
               </a>
@@ -111,7 +112,7 @@ <h5 class="card-title">Dr. Marc Jacobs</h5>
               </a>
               <a href="https://github.com/MarcZimmermann" target="_blank">
                 <button class="icon-button">
-                  <mat-icon svgIcon="github"></mat-icon>
+                  <mat-icon svgIcon="github" style="fill: black;"></mat-icon>
                 </button>
               </a>
               <a href="mailto:[email protected]" target="_blank">
@@ -120,6 +121,7 @@ <h5 class="card-title">Dr. Marc Jacobs</h5>
                     aria-hidden="false"
                     aria-label="Mail to"
                     fontIcon="email"
+                    style="color: black;"
                   ></mat-icon>
                 </button>
               </a>
@@ -157,7 +159,7 @@ <h5 class="card-title">Yasamin Salimi</h5>
             <div class="card-actions">
               <a href="https://x.com/SalimiYasamin" target="_blank">
                 <button class="icon-button">
-                  <mat-icon svgIcon="x"></mat-icon>
+                  <mat-icon svgIcon="x" style="fill: black;"></mat-icon>
                 </button>
               </a>
               <a
@@ -183,7 +185,7 @@ <h5 class="card-title">Yasamin Salimi</h5>
               </a>
               <a href="https://github.com/Yasaminsali" target="_blank">
                 <button class="icon-button">
-                  <mat-icon svgIcon="github"></mat-icon>
+                  <mat-icon svgIcon="github" style="fill: black;"></mat-icon>
                 </button>
               </a>
               <a
@@ -195,6 +197,7 @@ <h5 class="card-title">Yasamin Salimi</h5>
                     aria-hidden="false"
                     aria-label="Mail to"
                     fontIcon="email"
+                    style="color: black;"
                   ></mat-icon>
                 </button>
               </a>
@@ -243,7 +246,7 @@ <h5 class="card-title">Tim Adams</h5>
               </a>
               <a href="https://github.com/tiadams" target="_blank">
                 <button class="icon-button">
-                  <mat-icon svgIcon="github"></mat-icon>
+                  <mat-icon svgIcon="github" style="fill: black;"></mat-icon>
                 </button>
               </a>
               <a href="mailto:[email protected]" target="_blank">
@@ -252,6 +255,7 @@ <h5 class="card-title">Tim Adams</h5>
                     aria-hidden="false"
                     aria-label="Mail to"
                     fontIcon="email"
+                    style="color: black;"
                   ></mat-icon>
                 </button>
               </a>
@@ -309,7 +313,7 @@ <h5 class="card-title">Mehmet Can Ay</h5>
               </a>
               <a href="https://github.com/mehmetcanay" target="_blank">
                 <button class="icon-button">
-                  <mat-icon svgIcon="github"></mat-icon>
+                  <mat-icon svgIcon="github" style="fill: black;"></mat-icon>
                 </button>
               </a>
               <a href="mailto:[email protected]" target="_blank">
@@ -318,6 +322,7 @@ <h5 class="card-title">Mehmet Can Ay</h5>
                     aria-hidden="false"
                     aria-label="Mail to"
                     fontIcon="email"
+                    style="color: black;"
                   ></mat-icon>
                 </button>
               </a>
@@ -365,6 +370,7 @@ <h5 class="card-title">Marjan Niazpoor</h5>
                     aria-hidden="false"
                     aria-label="Mail to"
                     fontIcon="email"
+                    style="color: black;"
                   ></mat-icon>
                 </button>
               </a>