From 1d6c2b786ebece54f7c429464d915b6d6c26cc43 Mon Sep 17 00:00:00 2001
From: Jorik Schellekens <joriksch@gmail.com>
Date: Mon, 27 Jul 2020 15:16:28 +0100
Subject: [PATCH] File panel spacing and corner rounding

---
 res/css/structures/_FilePanel.scss      | 12 +++++++++---
 res/css/views/messages/_MImageBody.scss |  2 ++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/res/css/structures/_FilePanel.scss b/res/css/structures/_FilePanel.scss
index 859ee28035..2472bcd780 100644
--- a/res/css/structures/_FilePanel.scss
+++ b/res/css/structures/_FilePanel.scss
@@ -41,13 +41,19 @@ limitations under the License.
 
 .mx_FilePanel .mx_EventTile {
     word-break: break-word;
+    margin-top: 32px;
 }
 
 .mx_FilePanel .mx_EventTile .mx_MImageBody {
     margin-right: 0px;
 }
 
+.mx_FilePanel .mx_EventTile .mx_MFileBody {
+    line-height: 2.4rem;
+}
+
 .mx_FilePanel .mx_EventTile .mx_MFileBody_download {
+    padding-top: 8px;
     display: flex;
     font-size: $font-14px;
     color: $event-timestamp-color;
@@ -60,7 +66,7 @@ limitations under the License.
 
 .mx_FilePanel .mx_EventTile .mx_MImageBody_size {
     flex: 1 0 0;
-    font-size: $font-11px;
+    font-size: $font-14px;
     text-align: right;
     white-space: nowrap;
 }
@@ -80,7 +86,7 @@ limitations under the License.
     flex: 1 1 auto;
     line-height: initial;
     padding: 0px;
-    font-size: $font-11px;
+    font-size: $font-14px;
     opacity: 1.0;
     color: $event-timestamp-color;
 }
@@ -90,7 +96,7 @@ limitations under the License.
     text-align: right;
     visibility: visible;
     position: initial;
-    font-size: $font-11px;
+    font-size: $font-14px;
     opacity: 1.0;
     color: $event-timestamp-color;
 }
diff --git a/res/css/views/messages/_MImageBody.scss b/res/css/views/messages/_MImageBody.scss
index 547b16e9ad..2faea41709 100644
--- a/res/css/views/messages/_MImageBody.scss
+++ b/res/css/views/messages/_MImageBody.scss
@@ -34,6 +34,8 @@ limitations under the License.
 
     // Make sure the _thumbnail is positioned relative to the _container
     position: relative;
+
+    border-radius: 4px;
 }
 
 .mx_MImageBody_thumbnail_spinner {