Move card styles to component and add compact mode

Signed-off-by: Julius Härtl <jus@bitgrid.net>

src/store/main.js

@@ -47,6 +47,7 @@ export default new Vuex.Store({
 	strict: debug,
 	state: {
 		navShown: true,
+		compactMode: false,
 		sidebarShown: false,
 		currentBoard: null,
 		boards: [],
@@ -117,6 +118,9 @@ export default new Vuex.Store({
 		toggleSidebar(state) {
 			state.sidebarShown = !state.sidebarShown
 		},
+		toggleCompactMode(state) {
+			state.compactMode = !state.compactMode
+		},
 		setBoards(state, boards) {
 			state.boards = boards
 		},
@@ -199,6 +203,9 @@ export default new Vuex.Store({
 		toggleSidebar({ commit }) {
 			commit('toggleSidebar')
 		},
+		toggleCompactMode({ commit }) {
+			commit('toggleCompactMode')
+		},
 		setCurrentBoard({ commit }, board) {
 			commit('setCurrentBoard', board)
 		}