let the file viewer and the description editor take a phone's full width, their phone rules now after the rules they override (v3.0.169)

@@ -1,6 +1,6 @@11 {22 	"name": "kepr",3-	"version": "3.0.168",3+	"version": "3.0.169",44 	"private": true,55 	"type": "module",66 	"scripts": {

@@ -2439,21 +2439,6 @@24392439 	}24402440 }24412441 @media (max-width: 768px) {2442-	.editor-panes {2443-		grid-template-columns: minmax(0, 1fr);2444-	}2445-	.fv-header {2446-		flex-wrap: wrap;2447-		height: auto;2448-		padding: 8px 12px;2449-		gap: 8px 12px;2450-	}2451-	.fv-body {2452-		grid-template-columns: minmax(0, 1fr);2453-	}2454-	.fv-detail {2455-		display: none;2456-	}24572442 	.ticker {24582443 		height: 226px;24592444 		margin-top: -88px;@@ -2558,6 +2543,11 @@25582543 	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);25592544 	gap: 12px;25602545 }2546+@media (max-width: 768px) {2547+	.editor-panes {2548+		grid-template-columns: minmax(0, 1fr);2549+	}2550+}25612551 .editor-input {25622552 	width: 100%;25632553 	min-height: 4lh;@@ -2728,6 +2718,33 @@27282718 	padding: 18px 20px 24px;27292719 	background: var(--bg);27302720 	border-left: 1px solid var(--bg-elevated);2721+}2722+/* After the viewer's own rules, which would otherwise win at equal specificity. */2723+@media (max-width: 768px) {2724+	.fv-overlay {2725+		background: var(--bg);2726+	}2727+	.fv-header {2728+		flex-wrap: wrap;2729+		height: auto;2730+		padding: 8px 12px;2731+		gap: 8px 12px;2732+	}2733+	.fv-title {2734+		flex-basis: calc(100% - 40px);2735+	}2736+	.fv-body {2737+		grid-template-columns: minmax(0, 1fr);2738+	}2739+	.fv-detail {2740+		display: none;2741+	}2742+	.fv-source {2743+		padding: 12px 16px 24px;2744+	}2745+	.fv-source .file-view {2746+		margin: -12px -16px 0;2747+	}27312748 }27322749 27332750 /* Last in the file, after every animation it stops, so it wins without !important. */