From 0311c93c335795893b9b0bde80b519d32b4ae26b Mon Sep 17 00:00:00 2001
From: Adrien Piquerez <adrien.piquerez@gmail.com>
Date: Tue, 8 Aug 2023 11:55:07 +0200
Subject: [PATCH] tinkering

---
 .../server/src/main/assets/css/partials/_frontpage.scss   | 8 +++++---
 .../src/main/twirl/scaladex/view/frontpage.scala.html     | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/modules/server/src/main/assets/css/partials/_frontpage.scss b/modules/server/src/main/assets/css/partials/_frontpage.scss
index d8d0a5ba2..efd5d5a5f 100644
--- a/modules/server/src/main/assets/css/partials/_frontpage.scss
+++ b/modules/server/src/main/assets/css/partials/_frontpage.scss
@@ -41,6 +41,7 @@
   .topic {
     padding: 0;
     margin-top: 10px;
+    margin-bottom: 24px;
     text-align: center;
     li {
       list-style: none;
@@ -48,7 +49,7 @@
       a {
         color: $gray-lighter;
         text-decoration: none;
-        padding: 0 5px;
+        padding: 0 4px 0 8px;
         &:hover,
         &:focus {
           color: $brand-primary;
@@ -57,7 +58,7 @@
       }
       .super-count {
         vertical-align: super;
-        color: #999; 
+        color: $gray-light;
         font-size: small;
       }
     }
@@ -67,7 +68,7 @@
       font-size: large;
       text-align: center;
       font-weight: bold;
-      color: $gray;
+      color: $gray-light;
       margin-top: 24px;
     }
   }
@@ -95,6 +96,7 @@
     }
     .badge-other-versions {
       a {
+        padding-left: 5px;
         color: white;
         text-decoration: underline;
         &:hover,
diff --git a/modules/template/src/main/twirl/scaladex/view/frontpage.scala.html b/modules/template/src/main/twirl/scaladex/view/frontpage.scala.html
index 5834a1530..442e9904d 100644
--- a/modules/template/src/main/twirl/scaladex/view/frontpage.scala.html
+++ b/modules/template/src/main/twirl/scaladex/view/frontpage.scala.html
@@ -115,7 +115,7 @@ <h4 class="badge-title">@highlight.ecosystem @highlight.currentVersion.version</
 @topicsCloud(topics: Seq[TopicCount]) = {
   <ul class="topic">
     @for(TopicCount(topic, count) <- topics) {
-      <li><a href="/search?q=*&topics=@topic">@topic</a><span class = "super-count">@count</span></li>
+      <li><a href="/search?q=*&topics=@topic">@topic</a><span class="super-count">@count</span></li>
     }
   </ul>
 }