CSS fixes for attachments in status posts.

2016-11-12 21:05:01 +01:00 · 2016-11-12 21:05:01 +01:00 · f0f5d8c913
commit f0f5d8c913
parent 4d6d916395
2 changed files with 30 additions and 21 deletions
--- 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>