@protacon/muster-booking-frontend 2.3.0 → 2.5.0

package/dist/styles.bundle.css

@@ -699,7 +699,7 @@ button {
 	width: 150px;
 	color: #ffffff;
 	font-weight: 700;
-	font-size: 16px;
+	font-size: 16px !important;
 	line-height: 24px;
 	padding: 16px;
 }
@@ -750,6 +750,10 @@ button {
 	margin: 0;
 }
 
+.list-load-error {
+	color: #b00020;
+}
+
 .station-list a {
 	display: flex;
 }
@@ -787,6 +791,7 @@ button {
 .row-container-left-body {
 	display: flex;
 	flex-direction: column;
+	position: relative;
 	height: auto;
 }
 
@@ -795,6 +800,7 @@ button {
 	width: 50%;
 	height: 557px;
 	padding-left: 32px;
+	position: relative;
 }
 
 .station-step-component .geocode-input-group button {
@@ -885,6 +891,23 @@ input[type='checkbox'] {
 	}
 }
 
+.loading-overlay {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	inset: 0;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	background-color: #fff;
+}
+
+.loading-overlay-inline {
+	height: 96px;
+	position: static;
+	inset: auto;
+}
+
 .time-step-component {
 	width: 100%;
 	height: 100%;
@@ -893,6 +916,10 @@ input[type='checkbox'] {
 	overflow: hidden;
 }
 
+.list-load-error {
+	color: #b00020;
+}
+
 .search-time-slot {
 	width: auto;
 }
@@ -1220,6 +1247,10 @@ input[type='checkbox'] {
 	color: inherit;
 }
 
+.react-datepicker.month-view .react-datepicker__day--outside-month {
+	visibility: hidden;
+}
+
 .date-text {
 	font-weight: 700;
 	font-size: 16px;
@@ -1238,6 +1269,7 @@ input[type='checkbox'] {
 .row-container-right-prices {
 	display: flex;
 	flex-direction: column;
+	position: relative;
 	width: 50%;
 	height: 100%;
 	padding-left: 32px;
@@ -1430,6 +1462,12 @@ input[type='checkbox'] {
 	height: auto;
 }
 
+.summary-component-button-container {
+	display: flex;
+	width: 100%;
+	gap: 8px;
+}
+
 .confirmation-step-component .confirmation-step-confirm-icon {
 	width: 38px;
 	height: 38px;
@@ -1566,14 +1604,35 @@ input[type='checkbox'] {
 	}
 }
 
+.modify-reservation-component {
+	max-width: 100%;
+	margin-left: auto;
+	margin-right: auto;
+}
+
 .modify-reservation-component .invalid-feedback {
 	display: block;
 	font-size: 16px;
 	font-weight: 700;
 }
 
-.cancel-booking-button {
-	width: auto;
+.modify-reservation-button-container {
+	display: flex;
+	width: 100%;
+	gap: 8px;
+}
+
+.modify-back-button,
+.modify-edit-button {
+	flex: 1;
+}
+
+.modify-back-button {
+	max-width: 150px;
+}
+
+.modify-reservation-component .summary-component .list-group-flush > .list-group-item {
+	border-width: 1px;
 }
 
 @media screen and (max-width: 767px) {
@@ -1769,6 +1828,7 @@ input[type='checkbox'].form-check-input-booking {
 	overflow-y: auto;
 	width: 100%;
 	height: 825px;
+	position: relative;
 }
 
 .button-container {

package/package.json

@@ -4,7 +4,7 @@
   "author": "Muster by Pinja",
   "license": "SEE LICENSE IN LICENSE.md",
   "main": "/dist/index.bundle.js",
-  "version": "2.3.0",
+  "version": "2.5.0",
   "scripts": {
     "start": "webpack-dev-server",
     "build": "cross-env NODE_ENV=production OUTPUT=library webpack --progress",