aboutsummaryrefslogtreecommitdiff
path: root/src/components/attachment/attachment.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/attachment/attachment.vue')
-rw-r--r--src/components/attachment/attachment.vue13
1 files changed, 7 insertions, 6 deletions
diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue
index 45cc1929..ad60acf9 100644
--- a/src/components/attachment/attachment.vue
+++ b/src/components/attachment/attachment.vue
@@ -34,9 +34,10 @@
.attachments {
display: flex;
flex-wrap: wrap;
+ margin-right: -0.8em;
.attachment {
flex: 1 0 30%;
- margin: 0.5em 0.8em 0.6em 0.1em;
+ margin: 0.5em 0.8em 0.6em 0.0em;
align-self: flex-start;
&.html {
@@ -49,14 +50,14 @@
margin: 10px;
padding: 5px;
background: rgba(230,230,230,0.6);
- border-radius: 0.5em;
+ border-radius: 5px;
font-weight: bold;
}
video {
height: 100%;
border: 1px solid;
- border-radius: 0.5em;
+ border-radius: 5px;
width: 100%;
}
@@ -69,7 +70,7 @@
height: 100%;
flex: 1;
border: 1px solid;
- border-radius: 0.5em;
+ border-radius: 5px;
}
@@ -89,7 +90,7 @@
flex: 1;
img {
border: 0px;
- border-radius: 0;
+ border-radius: 5px;
height: 100%;
object-fit: cover;
}
@@ -113,7 +114,7 @@
width: 100%;
border-style: solid;
border-width: 1px;
- border-radius: 0.5em;
+ border-radius: 5px;
width: 100%;
height: 100%; /* If this isn't here, chrome will stretch the images */
}