Add icon to document form

client/src/components/content-forms/DocumentForm.vue

@@ -1,18 +1,25 @@
 <template>
   <div class="document-form" ref="documentform">
     <div v-if="!value.url" ref="uploadcare-panel"></div>
-    <div v-if="value.url">
+    <div v-if="value.url" class="document-form__uploaded">
+      <document-icon class="document-form__icon"></document-icon>
       <a :href="previewUrl" class="document-form__link" target="_blank">{{previewLink}}</a>
     </div>
   </div>
 </template>
 
 <script>
+  import DocumentIcon from '@/components/icons/DocumentIcon';
+
   import {uploadcare} from '@/helpers/uploadcare';
 
   export default {
-
     props: ['value', 'index'],
+
+    components: {
+      DocumentIcon
+    },
+
     mounted() {
       uploadcare(this, url => {
         this.$emit('link-change-url', url, this.index)
@@ -41,11 +48,21 @@
   @import "@/styles/_variables.scss";
 
   .document-form {
+    &__uploaded {
+      display: flex;
+      align-items: center;
+    }
 
     &__link {
       text-decoration: underline;
     }
 
+    &__icon {
+      width: 30px;
+      height: 30px;
+      margin-right: $small-spacing;
+    }
+
     &__file-input {
       width: 0.1px;
       height: 0.1px;