Improve package tags style

3 files changed, 22 insertions, 6 deletions

diff --git a/mod/mod-packages.cxx b/mod/mod-packages.cxx
index 0c18809..5d1945a 100644
--- a/mod/mod-packages.cxx
+++ b/mod/mod-packages.cxx
@@ -170,7 +170,6 @@ handle (request& rq, response& rs)
       <<     TR_NAME (p->name, equery, root, p->tenant)
       <<     TR_SUMMARY (p->summary)
       <<     TR_LICENSE (p->license_alternatives)
-      <<     TR_TAGS (p->project, p->tags, root, tenant)
       <<     TR_DEPENDS (p->dependencies, root, p->tenant)
       <<     TR_REQUIRES (p->requirements);
 
diff --git a/www/package-details-body.css b/www/package-details-body.css
index 1a407a8..ee612bb 100644
--- a/www/package-details-body.css
+++ b/www/package-details-body.css
@@ -121,10 +121,12 @@ h1, h2
 #package tr.tags td a,
 #package tr.project td a
 {
+  display: inline-block;
+
   background-color: #f1f8ff;
   border-radius: 0.2em;
-  padding: .2em .6em .18em .6em;
-  margin: 0 0.15em 0 0;
+  padding: 0 .5em .06em .5em;
+  margin: 0 0.06em 0.1em 0;
 }
 
 #package tr.tags td a:hover,
@@ -134,6 +136,13 @@ h1, h2
   background-color: #def;
 }
 
+#package tr.tags td,
+#package tr.project td
+{
+  padding: 0;
+  margin: 0 0 0 -0.5em;
+}
+
 /*
  * Search form (based on form-table)
  */
@@ -162,7 +171,6 @@ table.version
 
   padding-top: .4em;
   padding-bottom: .4em;
-
 }
 table.version:nth-child(even) {background-color: rgba(0, 0, 0, 0.07);}
 
diff --git a/www/package-version-details-body.css b/www/package-version-details-body.css
index 6c9cf1c..79fcfe5 100644
--- a/www/package-version-details-body.css
+++ b/www/package-version-details-body.css
@@ -175,10 +175,12 @@ h1, h2, h3
 #package tr.tags td a,
 #package tr.project td a
 {
+  display: inline-block;
+
   background-color: #f1f8ff;
   border-radius: 0.2em;
-  padding: .2em .6em .18em .6em;
-  margin: 0 0.15em 0 0;
+  padding: 0 .5em .06em .5em;
+  margin: 0 0.06em 0.1em 0;
 }
 
 #package tr.tags td a:hover,
@@ -188,6 +190,13 @@ h1, h2, h3
   background-color: #def;
 }
 
+#package tr.tags td,
+#package tr.project td
+{
+  padding: 0;
+  margin: 0 0 0 -0.5em;
+}
+
 /*
  * Dependencies and requirements tables.
  */