🎨

src/client/app/common/views/deck/deck.column.vue

@@ -1,5 +1,6 @@
 <template>
 <div class="dnpfarvgbnfmyzbdquhhzyxcmstpdqzs" :class="{ naked, narrow, active, isStacked, draghover, dragging, dropready }"
+		:data-mobile="$root.isMobile"
 		@dragover.prevent.stop="onDragover"
 		@dragleave="onDragleave"
 		@drop.prevent.stop="onDrop"
@@ -113,7 +114,7 @@ export default Vue.extend({
 			column: this,
 			isScrollTop: this.isScrollTop,
 			count: v => this.count = v,
-			inDeck: !this.naked
+			inNakedDeckColumn: !this.naked
 		};
 	},
 
@@ -326,6 +327,13 @@ export default Vue.extend({
 	box-shadow var(--shadow)
 	overflow hidden
 
+	&[data-mobile]
+		border-radius 0
+		box-shadow none
+
+		> header
+			box-shadow none
+
 	&.draghover
 		box-shadow 0 0 0 2px var(--primaryAlpha08)
 

src/client/app/common/views/deck/deck.vue

@@ -1,6 +1,6 @@
 <template>
 <mk-ui :class="$style.root">
-	<div class="qlvquzbjribqcaozciifydkngcwtyzje" ref="body" :style="style" :class="`${$store.state.device.deckColumnAlign} ${$store.state.device.deckColumnWidth}`" v-hotkey.global="keymap">
+	<div class="qlvquzbjribqcaozciifydkngcwtyzje" :data-mobile="$root.isMobile" ref="body" :style="style" :class="`${$store.state.device.deckColumnAlign} ${$store.state.device.deckColumnWidth}`" v-hotkey.global="keymap">
 		<template v-for="ids in layout">
 			<div v-if="ids.length > 1" class="folder">
 				<template v-for="id, i in ids">
@@ -68,6 +68,7 @@ export default Vue.extend({
 
 	provide() {
 		return {
+			inDeck: true,
 			getColumnVm: this.getColumnVm,
 			narrow: true
 		};
@@ -331,6 +332,16 @@ export default Vue.extend({
 	overflow-y hidden
 	-webkit-overflow-scrolling touch
 
+	&[data-mobile]
+		padding 0
+
+		> div
+			margin-right 0
+
+			&.folder
+				> *:not(:last-child)
+					margin-bottom 0
+
 	> div
 		margin-right 8px
 		width 330px