stundenplan header offset class conditionally depending on fhc-calendar widget property

public/js/components/Calendar/Calendar.js

@@ -36,6 +36,7 @@ export default {
 			mode: Vue.computed(()=>this.mode),
 			selectedEvent: Vue.computed(() => this.selectedEvent),
 			setSelectedEvent: (event)=>{this.selectedEvent = event;},
+			widget: this.widget
 		};
 	},
 	props: {
@@ -59,6 +60,10 @@ export default {
 		minimized: Boolean,
 		noWeekView: Boolean,
 		noMonthView: Boolean,
+		widget: {
+			type: Boolean,
+			default: false
+		}
 	},
 	watch:{
 		// scroll to the first event if the html element was found

public/js/components/Calendar/Header.js

@@ -18,6 +18,7 @@ export default {
 		'updateMode',
 		'noWeekView',
 		'noMonthView',
+		'widget'
 	],
 	props: {
 		title: String
@@ -29,6 +30,9 @@ export default {
 		'click'
 	],
 	computed: {
+		getHeaderOffsetClass() {
+			return 'col offset-0' + (this.widget ? '' : ' offset-md-3')
+		},
 		myClassHeader() {
 			// TODO(chris): + {'btn-sm': !this.size}
 			let c = this.classHeader;
@@ -48,7 +52,7 @@ export default {
 	template: /*html*/`
 	<div class="calendar-header card-header w-100" :class="classHeader">
 		<div class="row align-items-center ">
-			<div class="col offset-0" :style="{'padding-left':headerPadding}">
+			<div :class="getHeaderOffsetClass" :style="{'padding-left':headerPadding}">
 				<div class="row align-items-center justify-content-center">
 					<div class="col-auto ">
 						<button class="btn btn-outline-secondary border-0" :class="{'btn-sm':!this.size}" @click="$emit('prev')"><i class="fa fa-chevron-left"></i></button>

public/js/components/DashboardWidget/Stundenplan.js

@@ -189,7 +189,7 @@ export default {
 	<div class="dashboard-widget-stundenplan d-flex flex-column h-100">
 		<lv-modal v-if="selectedEvent" ref="lvmodal" :event="selectedEvent"  />
 		<content-modal :contentID="roomInfoContentID" :ort_kurzbz="" dialogClass="modal-lg" ref="contentModal"/>
-		<fhc-calendar @change:range="updateRange" :initial-date="currentDay" class="border-0" class-header="p-0" @select:day="selectDay" v-model:minimized="minimized" :events="events" no-week-view :show-weeks="false" >
+		<fhc-calendar @change:range="updateRange" :initial-date="currentDay" class="border-0" class-header="p-0" @select:day="selectDay" widget="true" v-model:minimized="minimized" :events="events" no-week-view :show-weeks="false" >
 			<template #minimizedPage >
 				<div class="flex-grow-1" style="overflow-y: auto; overflow-x: hidden">
 					<div v-if="events === null" class="d-flex h-100 justify-content-center align-items-center">