@protacon/muster-booking-frontend 2.0.0 → 2.2.0

package/dist/styles.bundle.css

@@ -219,29 +219,6 @@ nav.disabled {
 	min-height: 90px;
 }
 
-.multiple-products-info-container-row .vehicle-info-container:first-child,
-.multiple-products-info-container-row .add-vehicle-info-container:first-child {
-	border-radius: 8px 0 0 8px;
-	margin-top: 16px;
-}
-
-.multiple-products-info-container-row .vehicle-info-container:last-child,
-.multiple-products-info-container-row .add-vehicle-info-container:last-child {
-	border-left: none;
-	border-radius: 0 8px 8px 0;
-	margin-top: 16px;
-}
-
-.multiple-products-info-container-row:has(+ .d-md-block .vehicle-buttons-container) .vehicle-info-container:first-child,
-.multiple-products-info-container-row:has(+ div .vehicle-buttons-container) .vehicle-info-container:first-child {
-	border-radius: 8px 0 0 0;
-}
-
-.multiple-products-info-container-row:has(+ .d-md-block .vehicle-buttons-container) .vehicle-info-container:last-child,
-.multiple-products-info-container-row:has(+ div .vehicle-buttons-container) .vehicle-info-container:last-child {
-	border-radius: 0 8px 0 0;
-}
-
 .add-vehicle-info-container {
 	padding: 9px;
 	cursor: pointer;
@@ -266,6 +243,7 @@ nav.disabled {
 
 .vehicle-form-section .vehicle-buttons-container {
 	margin-top: 0;
+	border-radius: 0 0 8px 8px;
 }
 
 .vehicle-icon {
@@ -289,7 +267,7 @@ nav.disabled {
 .vehicle-plate-number {
 	margin: 0px;
 	font-weight: 600;
-	color: black;
+	color: inherit;
 }
 
 .vehicle-description {
@@ -506,6 +484,37 @@ input[type='radio']:checked::before {
 	fill: #3a7203;
 }
 
+.two-column-layout {
+	display: flex;
+	width: 100%;
+	align-items: flex-start;
+}
+
+.two-column-layout .column-left {
+	flex: 1;
+}
+
+.two-column-layout .column-right {
+	flex: 1;
+}
+
+.stacked-vehicles {
+	display: flex;
+	flex-direction: column;
+}
+
+.stacked-vehicles > :first-child {
+	border-radius: 8px 8px 0 0 !important;
+}
+
+.stacked-vehicles > :not(:first-child):not(:last-child) {
+	border-radius: 0 !important;
+}
+
+.stacked-vehicles > :last-child:not(:first-child) {
+	border-radius: 0 0 8px 8px !important;
+}
+
 .campaign-container {
 	clear: both;
 	margin: 0 15px 0 15px;
@@ -586,6 +595,15 @@ input[type='radio']:checked::before {
 }
 
 @media (max-width: 768px) {
+	.two-column-layout {
+		flex-direction: column;
+	}
+
+	.two-column-layout .column-left,
+	.two-column-layout .column-right {
+		width: 100%;
+	}
+
 	.multiple-products-info-container-row {
 		flex-direction: column;
 	}
@@ -613,54 +631,6 @@ input[type='radio']:checked::before {
 	.btn-save-vehicle {
 		width: 100%;
 	}
-
-	.multiple-products-info-container-row > .vehicle-info-container:first-child,
-	.multiple-products-info-container-row > .add-vehicle-info-container:first-child {
-		border-radius: 8px 8px 0 0;
-		margin-bottom: 0;
-		padding-bottom: 0;
-	}
-
-	.multiple-products-info-container-row > .vehicle-info-container:last-child,
-	.multiple-products-info-container-row > .add-vehicle-info-container:last-child {
-		border-top: none;
-		border-radius: 0 0 8px 8px;
-		margin-top: 0;
-		padding-top: 0;
-	}
-
-	.d-md-none > .vehicle-info-container:first-of-type {
-		border-radius: 8px 8px 0 0;
-	}
-
-	.d-md-none > .vehicle-info-container:nth-of-type(2),
-	.d-md-none > .vehicle-info-container:last-of-type {
-		border-radius: 0;
-		border-top: none;
-	}
-
-	.d-md-none > .vehicle-info-container:last-of-type:not(:has(+ .vehicle-buttons-container)) {
-		border-radius: 0 0 8px 8px;
-		border-top: none;
-	}
-
-	.d-md-none > .vehicle-info-container:first-of-type:has(+ .vehicle-buttons-container) {
-		border-radius: 8px 8px 0 0;
-	}
-
-	.d-md-none > .vehicle-buttons-container + .vehicle-info-container {
-		border-radius: 0;
-		border-top: none;
-	}
-
-	.d-md-none > .vehicle-buttons-container + .vehicle-info-container:has(+ .vehicle-buttons-container) {
-		border-radius: 0;
-		border-top: none;
-	}
-
-	.d-md-none > .vehicle-buttons-container:last-child {
-		border-radius: 0 0 8px 8px;
-	}
 }
 
 @media screen and (max-width: 424px) {
@@ -688,22 +658,8 @@ input[type='radio']:checked::before {
 		height: 50px;
 	}
 
-	.multiple-products-info-container-row > .vehicle-info-container:first-child {
-		border-radius: 8px 8px 0 0;
-		margin-bottom: 0;
-		margin-top: 16px;
-		border-left: 1px solid #607091ff;
-	}
-
-	.multiple-products-info-container-row > .vehicle-info-container:last-child {
-		border-top: none;
-		border-radius: 0 0 8px 8px;
-		margin-top: 0;
-		border-left: 1px solid #607091ff;
-	}
-
 	.vehicle-buttons-container {
-		border-radius: 8px;
+		border-radius: 0 0 8px 8px;
 	}
 }
 
@@ -1224,8 +1180,8 @@ input[type='checkbox'] {
 }
 .react-datepicker__day--selected {
 	background-color: #95c01f;
-	padding: 0;
-	width: 14%;
+	padding: 0 !important;
+	width: 14% !important;
 }
 .react-datepicker__day--selected:hover {
 	background-color: #3a7203;

package/package.json

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