diff --git a/htdocs/App.vue b/htdocs/App.vue
index 969fc9a..b94fe8e 100644
--- a/htdocs/App.vue
+++ b/htdocs/App.vue
@@ -26,6 +26,7 @@
 	import RoutePlanner from './RoutePlanner.vue';
 	import RouteRecall from './RouteRecall.vue';
 	import RouteInbox from './RouteInbox.vue';
+	import RouteSettings from './RouteSettings.vue';
 
 	export default {
 		components: {
@@ -50,6 +51,7 @@
 						{ name: 'Planner', href: '/planner' },
 						{ name: 'Recall', href: '/recall' },
 						{ name: 'Inbox', href: '/inbox' },
+						{ name: 'Settings', href: '/settings' },
 					]
 				}
 			};
@@ -72,6 +74,7 @@
 						{ path: '/planner', component: RoutePlanner },
 						{ path: '/recall', component: RouteRecall },
 						{ path: '/inbox', component: RouteInbox },
+						{ path: '/settings', component: RouteSettings },
 					].forEach(route => this.$root.$router.addRoute(route));
 					await this.$root.$router.replace(this.$route);
 				}
diff --git a/htdocs/RouteRecall.vue b/htdocs/RouteRecall.vue
index 95d2175..484e1e0 100644
--- a/htdocs/RouteRecall.vue
+++ b/htdocs/RouteRecall.vue
@@ -1,46 +1,39 @@
 <template>
 	<Subtitle value="Recall" />
-	<div>
-		<div class="card mb-3 shadow">
-			<div class="card-header">Clinics</div>
-			<div class="card-body">
-				<ViewResourceLookup :client="client" v-model:selection="selection" />
-			</div>
+	<div class="card mb-3 shadow">
+		<div class="card-header d-flex justify-content-between align-items-center">
+			<span>Recall list ({{patients_lost.length + patients_outstanding.length}})</span>
+			<router-link to="/settings">Select clinics<template v-if="selection.length > 0"> ({{selection.length}})</template></router-link>
 		</div>
-		<div class="card mb-3 shadow">
-			<div class="card-header d-flex justify-content-between align-items-center">
-				<span>Recall list ({{patients_lost.length + patients_outstanding.length}})</span>
-			</div>
-			<div class="card-body">
-				<table class="table" style="font-family: monospace;" v-if="patients_lost && patients_lost.length > 0">
-					<thead>
-						<tr><th>Lost ({{patients_lost.length}})</th><th>Last appt</th><th>Clinic</th><th>Days</th></tr>
-					</thead>
-					<tbody>
-						<tr v-for="row in patients_lost" :style="{ backgroundColor: strHashHSL(row.Clinic, '90%') }">
-							<td v-if="production"><router-link :to="'/patient/$' + row.key">{{row.Name}} <span :title="row.key">{{row.key.slice(-4)}}</span></router-link></td>
-							<td v-else><router-link :title="strtr_unscramble(row.Name)" :to="'/patient/$' + row.Name.charAt(0) + row.key.slice(-4) + '?name=' + row.Name">{{row.Name}} <span :title="row.key">{{row.key.slice(-4)}}</span></router-link></td>
-							<td>{{datefmt(row.TimeLast)}} {{dow[row.TimeLast.getDay()]}}</td>
-							<td>{{row.Clinic}}</td>
-							<td>{{Math.round(row.TimeLastDiff/86400000)}}</td>
-						</tr>
-					</tbody>
-				</table>
-				<table class="table" style="font-family: monospace;" v-if="patients_outstanding && patients_outstanding.length > 0">
-					<thead>
-						<tr><th>Outstanding ({{patients_outstanding.length}})</th><th>Next appt</th><th>Clinic</th><th>Days</th></tr>
-					</thead>
-					<tbody>
-						<tr v-for="row in patients_outstanding" :style="{ backgroundColor: strHashHSL(row.Clinic, '90%') }">
-							<td v-if="production"><router-link :to="'/patient/$' + row.key">{{row.Name}} <span :title="row.key">{{row.key.slice(-4)}}</span></router-link></td>
-							<td v-else><router-link :title="strtr_unscramble(row.Name)" :to="'/patient/$' + row.Name.charAt(0) + row.key.slice(-4) + '?name=' + row.Name">{{row.Name}} <span :title="row.key">{{row.key.slice(-4)}}</span></router-link></td>
-							<td>{{datefmt(row.TimeNext)}} {{dow[row.TimeNext.getDay()]}}</td>
-							<td>{{row.Clinic}}</td>
-							<td>{{Math.round(row.TimeNextDiff/86400000)}}</td>
-						</tr>
-					</tbody>
-				</table>
-			</div>
+		<div class="card-body">
+			<table class="table" style="font-family: monospace;" v-if="patients_lost && patients_lost.length > 0">
+				<thead>
+					<tr><th>Lost ({{patients_lost.length}})</th><th>Last appt</th><th>Clinic</th><th>Days</th></tr>
+				</thead>
+				<tbody>
+					<tr v-for="row in patients_lost" :style="{ backgroundColor: strHashHSL(row.Clinic, '90%') }">
+						<td v-if="production"><router-link :to="'/patient/$' + row.key">{{row.Name}} <span :title="row.key">{{row.key.slice(-4)}}</span></router-link></td>
+						<td v-else><router-link :title="strtr_unscramble(row.Name)" :to="'/patient/$' + row.Name.charAt(0) + row.key.slice(-4) + '?name=' + row.Name">{{row.Name}} <span :title="row.key">{{row.key.slice(-4)}}</span></router-link></td>
+						<td>{{datefmt(row.TimeLast)}} {{dow[row.TimeLast.getDay()]}}</td>
+						<td>{{row.Clinic}}</td>
+						<td>{{Math.round(row.TimeLastDiff/86400000)}}</td>
+					</tr>
+				</tbody>
+			</table>
+			<table class="table" style="font-family: monospace;" v-if="patients_outstanding && patients_outstanding.length > 0">
+				<thead>
+					<tr><th>Outstanding ({{patients_outstanding.length}})</th><th>Next appt</th><th>Clinic</th><th>Days</th></tr>
+				</thead>
+				<tbody>
+					<tr v-for="row in patients_outstanding" :style="{ backgroundColor: strHashHSL(row.Clinic, '90%') }">
+						<td v-if="production"><router-link :to="'/patient/$' + row.key">{{row.Name}} <span :title="row.key">{{row.key.slice(-4)}}</span></router-link></td>
+						<td v-else><router-link :title="strtr_unscramble(row.Name)" :to="'/patient/$' + row.Name.charAt(0) + row.key.slice(-4) + '?name=' + row.Name">{{row.Name}} <span :title="row.key">{{row.key.slice(-4)}}</span></router-link></td>
+						<td>{{datefmt(row.TimeNext)}} {{dow[row.TimeNext.getDay()]}}</td>
+						<td>{{row.Clinic}}</td>
+						<td>{{Math.round(row.TimeNextDiff/86400000)}}</td>
+					</tr>
+				</tbody>
+			</table>
 		</div>
 	</div>
 </template>
@@ -49,7 +42,6 @@
 	import { groupByArray, strtr_unscramble, strHashHSL, strftime_vista, debounce } from './util.mjs';
 
 	import Subtitle from './Subtitle.vue';
-	import ViewResourceLookup from './ViewResourceLookup.vue';
 
 	function dateonly(date) {
 		return new Date(date.getFullYear(), date.getMonth(), date.getDate());
@@ -57,7 +49,7 @@
 
 	export default {
 		components: {
-			Subtitle, ViewResourceLookup
+			Subtitle
 		},
 		props: {
 			client: Object
@@ -73,10 +65,7 @@
 			};
 		},
 		computed: {
-			selection: {
-				get() { return this.client.remotestate.resources ? (this.client.remotestate.resources.split(',').filter(x => x) || []) : [] },
-				set(value) { this.client.remotestate.resources = value.join(','); }
-			},
+			selection() { return (this.client) && (this.client.remotestate.resources) ? (this.client.remotestate.resources.split(',').filter(x => x) || []) : [] },
 			patients_lost() {
 				return this.patients.filter(x => x.TimeLastDiff >= 0).sort((a, b) => b.TimeLastDiff - a.TimeLastDiff);
 			},
diff --git a/htdocs/RouteSchedule.vue b/htdocs/RouteSchedule.vue
index 591f9a0..22c6009 100644
--- a/htdocs/RouteSchedule.vue
+++ b/htdocs/RouteSchedule.vue
@@ -1,27 +1,19 @@
 <template>
 	<Subtitle value="Schedule" />
-	<div>
-		<div class="card mb-3 shadow">
-			<div class="card-header">Clinics</div>
-			<div class="card-body">
-				<ViewResourceLookup :client="client" v-model:selection="selection" />
-			</div>
+	<div class="card mb-3 shadow">
+		<div class="card-header d-flex justify-content-between align-items-center">
+			<span>Schedule</span>
+			<router-link to="/settings">Select clinics<template v-if="selection.length > 0"> ({{selection.length}})</template></router-link>
+			<DateRangePicker range="1D" direction="+1" v-model:date="date" v-model:date_end="date_end" />
 		</div>
-		<div class="card mb-3 shadow">
-			<div class="card-header d-flex justify-content-between align-items-center">
-				<span>Schedule</span>
-				<DateRangePicker range="1D" direction="+1" v-model:date="date" v-model:date_end="date_end" />
-			</div>
-			<div class="card-body">
-				<ViewSchedule :client="client" :selection="selection" :date_begin="date" :date_end="new Date(date_end.getTime() - 1)" />
-			</div>
+		<div class="card-body">
+			<ViewSchedule :client="client" :selection="selection" :date_begin="date" :date_end="new Date(date_end.getTime() - 1)" />
 		</div>
 	</div>
 </template>
 
 <script>
 	import Subtitle from './Subtitle.vue';
-	import ViewResourceLookup from './ViewResourceLookup.vue';
 	import DateRangePicker from './DateRangePicker.vue';
 	import ViewSchedule from './ViewSchedule.vue';
 
@@ -31,7 +23,7 @@
 
 	export default {
 		components: {
-			Subtitle, ViewResourceLookup, DateRangePicker, ViewSchedule
+			Subtitle, DateRangePicker, ViewSchedule
 		},
 		props: {
 			client: Object
@@ -43,10 +35,7 @@
 			};
 		},
 		computed: {
-			selection: {
-				get() { return this.client.remotestate.resources ? (this.client.remotestate.resources.split(',').filter(x => x) || []) : [] },
-				set(value) { this.client.remotestate.resources = value.join(','); }
-			}
+			selection() { return (this.client) && (this.client.remotestate.resources) ? (this.client.remotestate.resources.split(',').filter(x => x) || []) : [] }
 		}
 	};
 </script>
diff --git a/htdocs/RouteSettings.vue b/htdocs/RouteSettings.vue
new file mode 100644
index 0000000..c6ce356
--- /dev/null
+++ b/htdocs/RouteSettings.vue
@@ -0,0 +1,32 @@
+<template>
+	<Subtitle value="Settings" />
+	<div class="card mb-3 shadow">
+		<div class="card-header">Clinics</div>
+		<div class="card-body">
+			<ViewResourceLookup :client="client" v-model:selection="selection" />
+		</div>
+	</div>
+</template>
+
+<script>
+	import Subtitle from './Subtitle.vue';
+	import ViewResourceLookup from './ViewResourceLookup.vue';
+
+	export default {
+		components: {
+			Subtitle, ViewResourceLookup
+		},
+		props: {
+			client: Object
+		},
+		data() {
+			return {};
+		},
+		computed: {
+			selection: {
+				get() { return (this.client) && (this.client.remotestate.resources) ? (this.client.remotestate.resources.split(',').filter(x => x) || []) : [] },
+				set(value) { if(this.client) this.client.remotestate.resources = value.join(','); }
+			}
+		},
+	};
+</script>