From a196acf14daf613e931e39dd0daa927ebc89099d Mon Sep 17 00:00:00 2001
From: pacien
Date: Sat, 11 Apr 2020 03:57:44 +0200
Subject: viewer: ldthumbnail: reduce non-picture element size

They were too big and not dense enough on small screens
---
 viewer/src/assets/scss/theme.scss     | 2 +-
 viewer/src/components/LdThumbnail.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'viewer')

diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 9e9cdc8..0c351e5 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -69,7 +69,7 @@ $loader-color: $palette-800;
 $input-tag-delete-background-color: $palette-700;
 $breadcrumb-margins: 12px;
 $breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px;
-$thumbnail-other-size: $body-line-height * 9em;
+$thumbnail-other-size: $body-line-height * 7em;
 $proposed-category-bgcolor: $palette-700;
 
 // Layout
diff --git a/viewer/src/components/LdThumbnail.vue b/viewer/src/components/LdThumbnail.vue
index f8343eb..4ab6446 100644
--- a/viewer/src/components/LdThumbnail.vue
+++ b/viewer/src/components/LdThumbnail.vue
@@ -67,7 +67,7 @@ export default class LdThumbnail extends Vue {
 .thumbnail-other {
   width: $thumbnail-other-size;
   height: $thumbnail-other-size;
-  padding-top: $body-line-height * 2em;
+  padding-top: $body-line-height * 1em;
   text-align: center;
   word-break: break-word;
   overflow: hidden;
-- 
cgit v1.2.3