From 015b55e2d58eb2783e3acbaef6902718a784bf9b Mon Sep 17 00:00:00 2001
From: Julien Bisconti <julien.bisconti@gmail.com>
Date: Fri, 14 Sep 2018 14:09:57 +0200
Subject: [PATCH] Improve css of the table (beta)

---
 website/table.tmpl.html | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/website/table.tmpl.html b/website/table.tmpl.html
index 984055a..f78abbf 100644
--- a/website/table.tmpl.html
+++ b/website/table.tmpl.html
@@ -7,15 +7,15 @@
   <meta charset="UTF-8">
   <title>Awesome-docker</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="theme-color" content="#5DBCD2">
+  <meta name="theme-color" content="#3685b3">
   <meta name="description" content="A curated list of Docker resources and projects.">
   <meta name="keywords" content="free and open-source open source projects for docker moby kubernetes linux awesome awesome-list container tools dockerfile list moby docker-container docker-image docker-environment docker-deployment docker-swarm docker-api docker-monitoring docker-machine docker-security docker-registry">
   <meta name="google-site-verification" content="_yiugvz0gCtfsBLyLl1LnkALXb6D4ofiwCyV1XOlYBM" />
   <link rel="icon" type="image/png" href="favicon.png">
   <style>
 :root {
-  --main-list-header: #5dbcd2;
-  --main-list-footer: #5dbcd2;
+  --main-list-header: #3685b3;
+  --main-list-footer: #3685b3;
 }
 * {
   box-sizing: border-box
@@ -42,7 +42,7 @@ section {
 
 a {
   background-color: transparent;
-  color: #5DBCD2;
+  color: #3685b3;
   text-decoration: none
 }
 
@@ -70,7 +70,7 @@ img {
 .page-header {
   color: #fff;
   text-align: center;
-  background-color: #5DBCD2;
+  background-color: #3685b3;
   background-image: linear-gradient(120deg, #155799, #5DBCD2)
 }
 .project-name {
@@ -214,7 +214,7 @@ li > .updated {
 .list li > :first-child {
   color: white;
   background-color: var(--main-list-header);
-  border-radius: 1rem 1rem 0 0;
+  border-radius: .4rem .4rem 0 0;
 }
 .list li > .description {
   border-bottom: 1px solid var(--main-list-header);
@@ -233,14 +233,23 @@ li > .updated {
 .list > li > :last-child {
   color: white;
   background-color: var(--main-list-footer);
-  border-radius: 0 0 1rem 0;
+  border-radius: 0 0 .4rem 0;
   padding: .5rem 0 .5rem 0;
 }
 .list > li > :nth-last-child(2) {
-  color: white;
+  color: lightgoldenrodyellow;
   background-color: var(--main-list-footer);
-  border-radius: 0 0 0 1rem;
+  border-radius: 0 0 0 .4rem;
   padding: .5rem 0 .5rem 0;
+  font-weight: bold;
+}
+
+.name {
+  font-size: x-large;
+  text-decoration: underline;
+}
+.star {
+  font-weight: bold;
 }
 
 /*******************************************************/