From 2ecf645f201f66908e071e56a16e5608a3a9e8d5 Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Thu, 17 Sep 2020 18:20:30 -0300
Subject: [PATCH] Avoids thumbnail streching on atachments. Better alignement
 of documents carousel.

---
 src/assets/scss/_post.scss                     | 9 +++++++--
 src/template-parts/single-items-navigation.php | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/assets/scss/_post.scss b/src/assets/scss/_post.scss
index 1feae07..703b4e4 100644
--- a/src/assets/scss/_post.scss
+++ b/src/assets/scss/_post.scss
@@ -597,6 +597,7 @@
                 }
             }
             .single-item-collection--document {
+                position: relative;
                 &:hover {
                     .tainacan-item-file-download {
                         opacity: 1;
@@ -610,6 +611,8 @@
                 }
                 display: flex;
                 justify-content: center;
+                align-items: center;
+                min-height: 10vh;
 
                 > iframe, img.attachment-large {
                     display: block;
@@ -618,7 +621,7 @@
                     border: none;
                 }
                 > audio {
-                    width: 100%;
+                    width: 95%;
                 }
                 > iframe {
                     @media only screen and (min-width: 768px){
@@ -757,6 +760,7 @@
                         width: 125px;
                         height: 125px;
                         display: inline-block;
+                        object-fit: cover;
                         &:focus {
                             outline: none;
                         }
@@ -780,8 +784,9 @@
                         color: black;
                     }
                     .attachment-without-image img {
-                        padding: 42px;
+                        padding: 36px;
                         background-color: #dbdbdb;
+                        object-fit: contain;
                     }
                     .item-card--thumbnail {
                         margin: 0 0 4px 0 !important;
diff --git a/src/template-parts/single-items-navigation.php b/src/template-parts/single-items-navigation.php
index df6d41f..e0a2eb4 100644
--- a/src/template-parts/single-items-navigation.php
+++ b/src/template-parts/single-items-navigation.php
@@ -28,7 +28,7 @@
 ?>
 <?php if ($previous !== '' || $next !== '') : ?>
     <div class="tainacan-single-post">
-        <div class="d-flex flex-wrap justify-content-between align-items-center">
+        <div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
 
             <?php if ( get_theme_mod('tainacan_single_item_navigation_section_label', __( 'Continue browsing', 'tainacan-interface' )) != '') : ?>
                 <h2 class="mb-0 title-content-items" id="single-item-navigation-label">