From 811626df6195730823de9994aee5884f3742a10a Mon Sep 17 00:00:00 2001
From: Alvino Rodrigues <alvino.digo@gmail.com>
Date: Tue, 20 Aug 2019 12:14:01 -0300
Subject: [PATCH] Atualizacoes para o carrossel de anexos da colecao

---
 src/assets/scss/_post.scss | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/assets/scss/_post.scss b/src/assets/scss/_post.scss
index 014ac72..636e8c8 100644
--- a/src/assets/scss/_post.scss
+++ b/src/assets/scss/_post.scss
@@ -384,6 +384,10 @@
                 .single-item-collection--attachments {
                     .single-item-collection--attachments-file {
                         margin: 10px;
+                        text-align: center;
+                        @media only screen and (max-width: 380px) {
+                            margin: 10px 0;
+                        }
 
                         img {
                             width: 125px;
@@ -392,8 +396,10 @@
                                 outline: none;
                             }
                         }
-                        a { 
-                            width: 125px;
+                        a {
+                            width: 100%;
+                            max-width: 125px;
+                            margin: 0 auto;
                             display: inline-block;
                             font-size: 0.875rem; 
                             text-align: center;
@@ -410,11 +416,14 @@
                     }
                     .single-item-collection--attachments-prev {
                         left: -50px;
+                        @media only screen and (max-width: 380px) {
+                            right: -40px;
+                        }
                     }
                     .single-item-collection--attachments-next {
-                        right: -10px;
-                        @media only screen and (min-width: 1500px) {
-                            right: -25px;
+                        right: -50px;
+                        @media only screen and (max-width: 380px) {
+                            right: -40px;
                         }
                     }
                     .single-item-collection--attachments-prev, .single-item-collection--attachments-next {