From a3078589dd1801f4c7af6ee36c27659659971ae2 Mon Sep 17 00:00:00 2001
From: Peter Zimon <zimo@ghost.org>
Date: Tue, 14 Dec 2021 20:50:26 +0100
Subject: [PATCH] Updated file styles

---
 core/frontend/src/cards/css/file.css | 41 ++++++++++++++--------------
 1 file changed, 21 insertions(+), 20 deletions(-)

diff --git a/core/frontend/src/cards/css/file.css b/core/frontend/src/cards/css/file.css
index 21d9572a7f..75a48ae7ec 100644
--- a/core/frontend/src/cards/css/file.css
+++ b/core/frontend/src/cards/css/file.css
@@ -1,4 +1,4 @@
-.kg-file-card {
+a.kg-file-card {
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -8,66 +8,67 @@
     border: 1px solid rgb(124 139 154 / 25%);
     border-radius: 3px;
     transition: all ease-in-out 0.35s;
+    text-decoration: none;
 }
 
-.kg-file-card:hover {
+a.kg-file-card:hover {
     border: 1px solid rgb(124 139 154 / 35%);
 }
 
-.kg-file-card-container {
+.kg-file-card .kg-file-card-container {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     margin-left: 8px;
 }
 
-.kg-file-card-title {
+.kg-file-card .kg-file-card-title {
     font-size: 1.15em;
     font-weight: 700;
     line-height: 1.3em;
 }
 
-.kg-file-card-caption {
+.kg-file-card .kg-file-card-caption {
     font-size: 1.0em;
     opacity: 0.6;
     line-height: 1.4em;
 }
 
-.kg-file-card-metadata {
-    display: flex;
-    align-items: baseline;
+.kg-file-card .kg-file-card-metadata {
+    display: inline;
     font-size: 0.825em;
     line-height: 1.4em;
     margin-top: 2px;
 }
 
-.kg-file-card-filename {
+.kg-file-card .kg-file-card-filename {
+    display: inline;
     font-weight: 500;
 }
 
-.kg-file-card-filesize {
+.kg-file-card .kg-file-card-filesize {
     display: inline-block;
     font-size: 0.925em;
     opacity: 0.6;
 }
 
-.kg-file-card-filesize:before {
+.kg-file-card .kg-file-card-filesize:before {
     display: inline-block;
     content: "\2022";
-    margin-left: 4px;
     margin-right: 4px;
 }
 
-.kg-file-card-icon {
+.kg-file-card .kg-file-card-icon {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 80px;
+    min-width: 80px;
     height: 100%;
 }
 
-.kg-file-card-icon:before {
+.kg-file-card .kg-file-card-icon:before {
     position: absolute;
     display: block;
     content: "";
@@ -85,31 +86,31 @@
     opacity: 0.08;
 }
 
-.kg-file-card-icon svg {
+.kg-file-card .kg-file-card-icon svg {
     width: 24px;
     height: 24px;
     color: var(--ghost-accent-color);
 }
 
 /* Size variations */
-.kg-file-card-medium {
+.kg-file-card.kg-file-card-medium {
     min-height: 72px;
 }
 
-.kg-file-card-medium .kg-file-card-container .kg-file-card-caption {
+.kg-file-card.kg-file-card-medium .kg-file-card-container .kg-file-card-caption {
     opacity: 1.0;
     font-weight: 500;
 }
 
-.kg-file-card-small {
+.kg-file-card.kg-file-card-small {
     min-height: 52px;
 }
 
-.kg-file-card-small .kg-file-card-metadata {
+.kg-file-card.kg-file-card-small .kg-file-card-metadata {
     font-size: 1.0em;
 }
 
-.kg-file-card-small .kg-file-card-icon svg {
+.kg-file-card.kg-file-card-small .kg-file-card-icon svg {
     width: 20px;
     height: 20px;
 }