viewer: ldthumbnail: reduce non-picture element size

They were too big and not dense enough on small screens

2 files changed, 2 insertions, 2 deletions

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;