Custom icons for non image files

package.json

@@ -6,6 +6,44 @@
   "repository": "https://github.com/mattmezza/vue-beautiful-chat.git",
   "author": "Matteo Merola <mattmezza@gmail.com>",
   "license": "MIT",
+  "keywords": [
+    "vue",
+    "vuejs",
+    "chat",
+    "vue-js-chat"
+  ],
+  "devDependencies": {
+    "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.4",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "cross-env": "^5.1.3",
+    "css-loader": "^2.1.1",
+    "eslint": "^4.18.2",
+    "eslint-config-standard": "^11.0.0",
+    "eslint-loader": "^2.1.2",
+    "eslint-plugin-import": "^2.17.1",
+    "eslint-plugin-promise": "^3.6.0",
+    "eslint-plugin-standard": "^3.0.1",
+    "extract-text-webpack-plugin": "^3.0.2",
+    "file-loader": "^1.1.11",
+    "img-loader": "^3.0.1",
+    "node-sass": "^4.11.0",
+    "sass-loader": "^6.0.7",
+    "serialize-javascript": "^2.1.1",
+    "standard": "^11.0.0",
+    "uglifyjs-webpack-plugin": "^1.2.2",
+    "url-loader": "^1.1.2",
+    "vue": "^2.6.10",
+    "vue-hot-reload-api": "^2.3.3",
+    "vue-loader": "^14.2.4",
+    "vue-style-loader": "^4.0.2",
+    "vue-svg-loader": "^0.5.0",
+    "vue-template-compiler": "^2.6.10",
+    "webpack": "^4.30.0",
+    "webpack-cli": "^3.3.11",
+    "webpack-dev-server": "^3.3.1",
+    "webpack-merge": "^4.2.1"
+  },
   "scripts": {
     "build": "vue-cli-service build --target lib --name vue-beautiful-chat --formats umd-min src/index.js",
     "lint": "vue-cli-service lint",
@@ -20,6 +58,7 @@
     "emoji-js": "^3.4.0",
     "escape-goat": "^1.3.0",
     "imagemin": "^6.1.0",
+    "mime-types": "^2.1.27",
     "kind-of": "6.0.3",
     "minimist": "1.2.3",
     "msgdown": "^1.0.2",

src/Message.vue

@@ -126,11 +126,12 @@ export default {
   margin: auto;
   padding-bottom: 10px;
   display: flex;
-  .sc-message--edited {
+  text-align: left;
+  .sc-message--edited{
     opacity: 0.7;
     word-wrap: normal;
     font-size: xx-small;
-    text-align: center;
+    text-align: left;
   }
 }
 
@@ -166,7 +167,7 @@ export default {
   font-size: xx-small;
   margin-bottom: 0px;
   color: white;
-  text-align: center;
+  text-align: right;
 }
 
 @media (max-width: 450px) {