From f0f5d8c9130a03b162c97f31450733ee269cf76d Mon Sep 17 00:00:00 2001
From: Roger Braun <roger@rogerbraun.net>
Date: Sat, 12 Nov 2016 21:05:01 +0100
Subject: [PATCH] CSS fixes for attachments in status posts.

---
 src/App.scss                                  | 21 -------------
 .../post_status_form/post_status_form.vue     | 30 +++++++++++++++++++
 2 files changed, 30 insertions(+), 21 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index 60fe9dcdb9..c155de730b 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -41,18 +41,6 @@ a {
     padding: 0 10px 0 10px;
 }
 
-form {
-    display: flex;
-    flex-direction: column;
-    padding: 0.5em;
-}
-
-.form-group {
-    display: flex;
-    flex-direction: column;
-    padding: 0.5em;
-}
-
 .gaps {
     margin: -1em 0 0 -1em;
 }
@@ -257,15 +245,6 @@ attention {
     color: $main-color;
 }
 
-.form-bottom {
-    display: flex;
-    padding: 0.5em;
-
-    button {
-        flex: 2;
-    }
-}
-
 .status-el {
     line-height: 18px;
 
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index 943bf42273..a4abfdb3bb 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -18,3 +18,33 @@
 </template>
 
 <script src="./post_status_form.js"></script>
+
+<style lang="scss">
+ .post-status-form {
+     .form-bottom {
+         display: flex;
+         padding: 0.5em;
+
+         button {
+             flex: 2;
+         }
+     }
+
+     .attachments {
+         padding: 0.5em;
+     }
+
+     form {
+         display: flex;
+         flex-direction: column;
+         padding: 0.5em;
+     }
+
+     .form-group {
+         display: flex;
+         flex-direction: column;
+         padding: 0.5em;
+     }
+ }
+
+</style>