part col new table

docs/part-collection.md

@@ -2,66 +2,47 @@
 title: Our Part Collection
 ---
 
-<style>
-.scrollable-table {
-  width: 100%; /* Full width of the container */
-  overflow-x: auto; /* Enable horizontal scrolling */
-}
-
-table {
-  width: 100%; /* Table takes full width of the container */
-  border-collapse: collapse;
-  margin: auto;
-  border-radius: 10px; /* Rounded corners for the table */
-  overflow: hidden; /* Ensures the corners stay rounded */
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
-}
-
-th {
-  background-color: #00b4c5; /* Header background color */
-  color: white; /* Header text color */
-  padding: 10px; /* Padding for header */
-}
-
-td {
-  padding: 10px; /* Padding for table cells */
-  text-align: center; /* Center-align text */
-}
-
-tr:nth-child(even) {
-  background-color: #b3c7f7; /* Light blue for even rows */
-}
-
-tr:nth-child(odd) {
-  background-color: #8babf1; /* Light blue for odd rows */
-}
-
-a {
-  color: #0073e6; /* Link color */
-  text-decoration: none; /* Remove underline from links */
-}
-
-a:hover {
-  text-decoration: underline; /* Underline on hover */
-}
-
-.bubble {
-  background-color: #00bf7d; /* Bubble background color */
-  color: white; /* Bubble text color */
-  padding: 5px 10px; /* Padding for bubble */
-  border-radius: 15px; /* Rounded corners for bubble */
-  display: inline-block; /* Make bubble inline */
-  margin: 2px; /* Space between bubbles */
-  font-size: 0.9em; /* Smaller font size */
-}
-</style>
-
 # Parts Collection
-<div class="scrollable-table">
 
-| BioBrick Part | Short Description | Part Type | Sequence | Assembly Compatibility | Designed By | Module | References |
-|---------------|-------------------|-----------|----------|-----------------------|--------------|--------|------------|
-| [Part 1](http://parts.igem.org/Part:BBa_XXXXXXXX) | Part Name | Type | AGA |  <span style="background-color: #00bf7d; color: white; padding: 5px; border-radius: 5px;">21</span> <span style="background-color: #00bf7d; color: white; padding: 5px; border-radius: 5px;">1000</span> | Iulia Beres | Module | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) |
-| [Part 2](http://parts.igem.org/Part:BBa_XXXXXXXX) | Part Name | Type | AGA |  <span style="background-color: #00bf7d; color: white; padding: 5px; border-radius: 5px;">21</span> <span style="background-color: #00bf7d; color: white; padding: 5px; border-radius: 5px;">1000</span> | Iulia Beres | Module | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) |
+<style>
+  table {
+    width: 100%;
+    border-collapse: collapse;
+    border-radius: 10px;
+    overflow: hidden;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  }
+
+  th, td {
+    padding: 10px;
+    text-align: left;
+  }
+
+  thead {
+    background-color: #00b4c5;
+    color: white;
+  }
+
+  tbody tr:nth-child(odd) {
+    background-color: #b3c7f7;
+  }
+
+  tbody tr:nth-child(even) {
+    background-color: #8babf1;
+  }
+
+  .bubble {
+    display: inline-block;
+    background-color: #00bf7d;
+    color: white;
+    padding: 5px 10px;
+    border-radius: 15px;
+    margin: 0 2px;
+    font-size: 0.9em;
+  }
+</style>
 
-</div>
+| BioBrick Part | Short Description | Part Type | Sequence | Assembly Compatibility                       | Designed By | Module | References |
+|---------------|-------------------|-----------|----------|----------------------------------------------|--------------|--------|------------|
+| [Part 1](http://parts.igem.org/Part:BBa_XXXXXXXX) | Part Name | Type | AGA | <span class="bubble">21</span> <span class="bubble">1000</span> | Iulia Beres | Module | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) |
+| [Part 2](http://parts.igem.org/Part:BBa_XXXXXXXX) | Part Name | Type | AGA | <span class="bubble">21</span> <span class="bubble">1000</span> | Iulia Beres | Module | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) |