Add some page style improvements

2 files changed, 40 insertions, 0 deletions

diff --git a/www/package-details-body.css b/www/package-details-body.css
index a69a939..1a407a8 100644
--- a/www/package-details-body.css
+++ b/www/package-details-body.css
@@ -118,6 +118,22 @@ h1, h2
 }
 #package th {width: 7.6em;}
 
+#package tr.tags td a,
+#package tr.project td a
+{
+  background-color: #f1f8ff;
+  border-radius: 0.2em;
+  padding: .2em .6em .18em .6em;
+  margin: 0 0.15em 0 0;
+}
+
+#package tr.tags td a:hover,
+#package tr.project td a:hover
+{
+  text-decoration: none;
+  background-color: #def;
+}
+
 /*
  * Search form (based on form-table)
  */
@@ -162,3 +178,7 @@ table.version tr.requires td .value
   font-family: monospace;
   font-size: 0.94em;
 }
+
+table.version tr.priority td .security {color: #ff0000; font-weight: bold;}
+table.version tr.priority td .high     {color: #ff0000;}
+table.version tr.priority td .medium   {color: #fe7c04;}
diff --git a/www/package-version-details-body.css b/www/package-version-details-body.css
index d8c5e9d..6c9cf1c 100644
--- a/www/package-version-details-body.css
+++ b/www/package-version-details-body.css
@@ -152,6 +152,10 @@ h1, h2, h3
   font-size: 0.94em;
 }
 
+#version tr.priority td .security {color: #ff0000; font-weight: bold;}
+#version tr.priority td .high     {color: #ff0000;}
+#version tr.priority td .medium   {color: #fe7c04;}
+
 #version tr.sha256 td .value
 {
   /* Increase the chances of 64-char value not to be truncated. */
@@ -168,6 +172,22 @@ h1, h2, h3
 }
 #package th {width: 9.5em;}
 
+#package tr.tags td a,
+#package tr.project td a
+{
+  background-color: #f1f8ff;
+  border-radius: 0.2em;
+  padding: .2em .6em .18em .6em;
+  margin: 0 0.15em 0 0;
+}
+
+#package tr.tags td a:hover,
+#package tr.project td a:hover
+{
+  text-decoration: none;
+  background-color: #def;
+}
+
 /*
  * Dependencies and requirements tables.
  */