From a7fcce4448798a4c35eb2ac73d3133e2b075fe42 Mon Sep 17 00:00:00 2001
From: rubenwardy <rw@rubenwardy.com>
Date: Sun, 23 Dec 2018 16:28:15 +0000
Subject: [PATCH] Improve package grid style

---
 app/scss/packagegrid.scss                 | 6 ++++++
 app/templates/base.html                   | 2 +-
 app/templates/macros/packagegridtile.html | 4 ++--
 app/templates/packages/view.html          | 5 ++++-
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/app/scss/packagegrid.scss b/app/scss/packagegrid.scss
index a44d9c1..0c29a26 100644
--- a/app/scss/packagegrid.scss
+++ b/app/scss/packagegrid.scss
@@ -46,6 +46,12 @@ li.d-flex {
 	font-weight: bold;
 }
 
+.packagegridinfo small {
+	color: #ddd;
+	font-size: 75%;
+	font-weight: bold;
+}
+
 .packagegridinfo p {
 	display: none;
 	color: #ddd;
diff --git a/app/templates/base.html b/app/templates/base.html
index 919e591..10f8abf 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -7,7 +7,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<title>{% block title %}title{% endblock %} - {{ config.USER_APP_NAME }}</title>
 	<link rel="stylesheet" type="text/css" href="/static/bootstrap.css">
-	<link rel="stylesheet" type="text/css" href="/static/custom.css">
+	<link rel="stylesheet" type="text/css" href="/static/custom.css?v=2">
 	{% block headextra %}{% endblock %}
 </head>
 
diff --git a/app/templates/macros/packagegridtile.html b/app/templates/macros/packagegridtile.html
index 8a41c35..a0f21f4 100644
--- a/app/templates/macros/packagegridtile.html
+++ b/app/templates/macros/packagegridtile.html
@@ -6,8 +6,8 @@
 			<h3>
 				{{ package.title }}
 
-				{% if show_author %}
-					by {{ package.author.display_name }}
+				{% if show_author %}<br />
+					<small>{{ package.author.display_name }}</small>
 				{% endif %}
 			</h3>
 
diff --git a/app/templates/packages/view.html b/app/templates/packages/view.html
index cb0c3ca..71cbbaf 100644
--- a/app/templates/packages/view.html
+++ b/app/templates/packages/view.html
@@ -13,7 +13,10 @@
 		    background-repeat: no-repeat;
 		    background-position: center;">
 		<div class="container">
-			<h1 class="display-3">{{ package.title }} by {{ package.author.display_name }}</h1>
+			<h1 class="display-3">
+				{{ package.title }}
+				<small>by {{ package.author.display_name }}</small>
+			</h1>
 
 			<p class="lead">
 				{{ package.shortDesc }}