From 73b6cc72b42dc5b15bd7619c2f19471fc2768e0f Mon Sep 17 00:00:00 2001
From: foamyguy <foamyguy@gmail.com>
Date: Sat, 2 Nov 2024 16:55:31 -0500
Subject: [PATCH] change the module links to purple tags and remove the
 seperating commas

---
 _includes/download/board.html    | 4 ++--
 assets/sass/pages/_download.scss | 8 +++++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/_includes/download/board.html b/_includes/download/board.html
index ad7db3b1d..f17df71f4 100644
--- a/_includes/download/board.html
+++ b/_includes/download/board.html
@@ -161,7 +161,7 @@ <h3>CircuitPython {{ version.version }}</h3>
           <a target="_blank" class="library-link" href="https://docs.circuitpython.org/en/latest/shared-bindings/{{ module_name }}">
           {% endif %}
             {{ module_name }}
-          </a>{% if module_name != version.modules[version.modules.size - 1] %}, {% endif %}
+          </a>
           {% endfor %}
         </span>
     </p>
@@ -173,7 +173,7 @@ <h3>CircuitPython {{ version.version }}</h3>
           {% for module_name in version.frozen_libraries %}
           <a target="_blank" class="library-link" href="https://docs.circuitpython.org/projects/{{ module_name | split: 'adafruit_' | last }}">
             {{ module_name }}
-          </a>{% if module_name != version.frozen_libraries[version.frozen_libraries.size - 1] %}, {% endif %}
+          </a>
           {% endfor %}
         </span>
     </p>
diff --git a/assets/sass/pages/_download.scss b/assets/sass/pages/_download.scss
index c74a183f3..da556c75f 100644
--- a/assets/sass/pages/_download.scss
+++ b/assets/sass/pages/_download.scss
@@ -184,7 +184,7 @@
       }
     }
   }
-  .feature-span {
+  .feature-span, .library-link {
     padding: 2px 4px 2px 4px;
     margin-left: 3px;
     margin-bottom: 3px;
@@ -194,6 +194,12 @@
     border-radius: 5px;
     font-size: 14px;
   }
+
+  .library-link:hover{
+    outline: 2px solid $purple;
+    background-color: #fff;
+    color: $purple;
+  }
 }
 
 @media (max-width: $screen-lg) {