Update file part-collection.md

docs/part-collection.md

@@ -2,15 +2,16 @@
 title: Our Part Collection
 ---
 
-# Parts-Collection
-
----
-title: Our Part Collection
----
+# Parts Collection
 
 <style>
+.scrollable-table {
+  width: 100%; /* Full width of the container */
+  overflow-x: auto; /* Enable horizontal scrolling */
+}
+
 table {
-  width: 70%;
+  width: 100%; /* Table takes full width of the container */
   border-collapse: collapse;
   margin: auto;
   border-radius: 10px; /* Rounded corners for the table */
@@ -45,12 +46,24 @@ a {
 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 | 21, 1000 | 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 | 21, 1000 | Iulia Beres | Module | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) |
+|---------------|-------------------|-----------|----------|-----------------------|--------------|--------|------------|
+| [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) |
 <!-- Repeat for additional parts -->
+</div>