Fix spaces and units

Signed-off-by: Joas Schilling <coding@schilljs.com>

src/components/MessagesList/Message/Message.vue

@@ -121,15 +121,15 @@ export default {
 
 .wrapper {
 	width: 100%;
-	padding: 0px 0 0px 0;
+	padding: 0 0 0 0;
 	&:focus {
 		background-color: rgba(47, 47, 47, 0.068);
 	}
 }
 
 .message {
-    display: flex;
-    max-width: 600px;
+	display: flex;
+	max-width: 600px;
 	padding: 8px 0 8px 0;
 	margin: auto;
 	&-avatar {
@@ -141,13 +141,13 @@ export default {
 		display: flex;
 		min-width: 110px;
 		color: #989898;
-		padding: 0px 8px 0 8px;
+		padding: 0 8px 0 8px;
 	}
 
-.actions {
-	position: absolute;
-	margin: -14px 0 0 50px;
-	padding:2px;
+	.actions {
+		position: absolute;
+		margin: -14px 0 0 50px;
+		padding:2px;
 	}
 }
 

src/components/MessagesList/MessageBody/MessageBody.vue

@@ -84,11 +84,11 @@ export default {
 }
 
 .message {
-    &-main {
-        display: flex;
+	&-main {
+		display: flex;
 		flex-grow: 1;
-        flex-direction: column;
-		font-size: 20;
+		flex-direction: column;
+		font-size: 20px;
 		&-header {
 			color: var(--color-text-maxcontrast);
 		}

src/components/Navigation/AppNavigationSearch/AppNavigationSearch.vue

@@ -91,7 +91,7 @@ export default {
 
 .app-navigation-search {
 	position: sticky;
-	top: 0px;
+	top: 0;
 	background-color: white;
 	border-bottom: 1px solid lightgray;
 	&__input {

src/components/Navigation/Navigation.vue

@@ -98,7 +98,7 @@ export default {
 
 .settings {
 	position: sticky;
-	bottom: 0px;
+	bottom: 0;
 	border-top: 1px solid lightgray;
 }
 </style>

src/components/NewMessageForm/AdvancedInput/AdvancedInput.vue

@@ -90,8 +90,8 @@ export default {
 <style lang="scss" scoped>
 //Support for the placehoder text in the div contenteditable
 [contenteditable]:empty:before{
-    content: attr(placeholder);
-    display: block;
-    color: gray;
+	content: attr(placeholder);
+	display: block;
+	color: gray;
 }
 </style>

src/store/conversations.js

@@ -35,23 +35,23 @@ const getters = {
 
 const mutations = {
 	/**
-     * Adds a conversation to the store.
+	 * Adds a conversation to the store.
 	 *
-     * @param {object} state current store state;
-     * @param {object} conversation the conversation;
-     */
+	 * @param {object} state current store state;
+	 * @param {object} conversation the conversation;
+	 */
 	addConversation(state, conversation) {
 		Vue.set(state.conversations, conversation.id, conversation)
 	},
 	/**
-     * Creates a key-value pair with conversation id and name
+	 * Creates a key-value pair with conversation id and name
 	 * respectively.
 	 *
-     * @param {object} state current state object;
-     * @param {object} object destructuring object;
-     * @param {int} object.id conversation id;
-     * @param {string} object.displayName conversation name;
-     */
+	 * @param {object} state current state object;
+	 * @param {object} object destructuring object;
+	 * @param {int} object.id conversation id;
+	 * @param {string} object.displayName conversation name;
+	 */
 	indexConversationName(state, { id, displayName }) {
 		Vue.set(state.conversationsNames, id, displayName)
 	}
@@ -59,11 +59,11 @@ const mutations = {
 
 const actions = {
 	/**
-     * Add a conversation to the store and index the displayname.
+	 * Add a conversation to the store and index the displayname.
 	 *
-     * @param {object} context default store context;
-     * @param {object} conversation the conversation;
-     */
+	 * @param {object} context default store context;
+	 * @param {object} conversation the conversation;
+	 */
 	addConversation(context, conversation) {
 		context.commit('addConversation', conversation)
 		context.commit('indexConversationName', conversation)

src/store/messages.js

@@ -43,10 +43,10 @@ const getters = {
 
 const mutations = {
 	/**
-     * Adds a message to the store.
-     * @param {object} state current store state;
-     * @param {object} message the message;
-     */
+	 * Adds a message to the store.
+	 * @param {object} state current store state;
+	 * @param {object} message the message;
+	 */
 	addMessage(state, message) {
 		if (!state.messages[message.token]) {
 			Vue.set(state.messages, message.token, {})
@@ -54,18 +54,18 @@ const mutations = {
 		Vue.set(state.messages[message.token], message.id, message)
 	},
 	/**
-     * Deletes a message from the store.
-     * @param {object} state current store state;
-     * @param {object} message the message;
-     */
+	 * Deletes a message from the store.
+	 * @param {object} state current store state;
+	 * @param {object} message the message;
+	 */
 	deleteMessage(state, message) {
 		Vue.delete(state.messages[message.token], message.id)
 	},
 	/**
-     * Adds a temporary message to the store.
-     * @param {object} state current store state;
-     * @param {object} message the temporary message;
-     */
+	 * Adds a temporary message to the store.
+	 * @param {object} state current store state;
+	 * @param {object} message the temporary message;
+	 */
 	addTemporaryMessage(state, message) {
 		Vue.set(state.messages[message.token], message.id, message)
 	}
@@ -79,9 +79,9 @@ const actions = {
 	 * If the message has a parent message object,
 	 * first it adds the parent to the store.
 	 *
-     * @param {object} context default store context;
+	 * @param {object} context default store context;
 	 * @param {object} message the message;
-     */
+	 */
 	processMessage(context, message) {
 		if (message.parent) {
 			context.commit('addMessage', message.parent)
@@ -91,23 +91,23 @@ const actions = {
 	},
 
 	/**
-     * Delete a message
+	 * Delete a message
 	 *
-     * @param {object} context default store context;
-     * @param {string} message the message to be deleted;
-     */
+	 * @param {object} context default store context;
+	 * @param {string} message the message to be deleted;
+	 */
 	deleteMessage(context, message) {
 		context.commit('deleteMessage', message)
 	},
 
 	/**
-     * Add a temporary message generated in the client to
+	 * Add a temporary message generated in the client to
 	 * the store, these messages are deleted once the full
 	 * message object is recived from the server.
 	 *
-     * @param {object} context default store context;
+	 * @param {object} context default store context;
 	 * @param {object} message the temporary message;
-     */
+	 */
 	addTemporaryMessage(context, message) {
 		context.commit('addTemporaryMessage', message)
 	}

src/views/ChatView.vue

@@ -27,7 +27,7 @@ export default {
 <style lang="scss" scoped>
 .chatview {
 	height: 100%;
-    display: flex;
+	display: flex;
 	flex-grow: 1;
 	flex-direction: column;
 	align-content: space-between;