Attachment CSS fixes.

src/App.scss

@@ -156,30 +156,6 @@ status.ng-enter.ng-enter-active {
     margin: 1em;
 }
 
-.attachments {
-    display: flex;
-    flex-wrap: wrap;
-}
-
-.attachment, attachment {
-    flex: 1 0 30%;
-    display: flex;
-    margin: 0.2em;
-    align-self: flex-start;
-
-    img {
-        border: 1px solid;
-        border-radius: 0.5em;
-        width: 100%;
-    }
-
-    video {
-        border: 1px solid;
-        border-radius: 0.5em;
-        width: 100%;
-    }
-
-}
 
 .media-body {
     flex: 1

src/components/attachment/attachment.vue

@@ -25,9 +25,21 @@
 <script src="./attachment.js"></script>
 
 <style lang="scss">
+  .attachments {
+      display: flex;
+      flex-wrap: wrap;
       .attachment {
+
+          flex: 1 0 30%;
+          display: flex;
+          margin: 0.2em;
+          align-self: flex-start;
+
           video {
               height: 100%;
+              border: 1px solid;
+              border-radius: 0.5em;
+              width: 100%;
           }
 
           .oembed {
@@ -72,6 +84,10 @@
                   width: 100%;
                   height: 100%;
                   flex: 1;
+                  border: 1px solid;
+                  border-radius: 0.5em;
+                  width: 100%;
+              }
           }
       }
  }