Fix styling

ookino · ookino · commit 7dad17aaca72 · 2021-09-17T19:36:12.000+01:00
diff --git a/src/modules/render/reservation.js b/src/modules/render/reservation.js
@@ -139,13 +139,13 @@ const reserveModal = (meal) => {
   inputReserveName.attributes.required = true;
   reserveForm.appendChild(inputReserveName);
   const inputReserveStartDate = document.createElement('input');
-  inputReserveStartDate.type = 'text';
+  inputReserveStartDate.type = 'date';
   inputReserveStartDate.name = 'start-date';
   inputReserveStartDate.placeholder = 'Start Date (yyyy-mm-dd)';
   inputReserveStartDate.attributes.required = true;
   reserveForm.appendChild(inputReserveStartDate);
   const inputReserveEndDate = document.createElement('input');
-  inputReserveEndDate.type = 'text';
+  inputReserveEndDate.type = 'date';
   inputReserveEndDate.name = 'end-date';
   inputReserveEndDate.placeholder = 'End Date (yyyy-mm-dd)';
   inputReserveEndDate.attributes.required = true;
@@ -162,7 +162,7 @@ const reserveModal = (meal) => {
       meal.idMeal,
       inputReserveName.value,
       inputReserveStartDate.value,
-      inputReserveEndDate.value,
+      inputReserveEndDate.value
     ).then(() => {
       if (reservationList.hasChildNodes()) {
         reservationList.innerHTML = '';
diff --git a/src/style/style.css b/src/style/style.css
@@ -209,13 +209,10 @@ footer {
 }
 
 .modal-details {
-  display: flex;
   gap: 2em;
 }
 
 .modal-img {
-  width: 100%;
-  height: min-content;
   border-radius: 1em;
   border: 1px solid var(--secondary-color);
 }

Original file line number	Diff line number	Diff line change
`@@ -209,13 +209,10 @@ footer {`
`209`	`209`	`}`
`210`	`210`
`211`	`211`	`.modal-details {`
`212`		`- display: flex;`
`213`	`212`	`gap: 2em;`
`214`	`213`	`}`
`215`	`214`
`216`	`215`	`.modal-img {`
`217`		`- width: 100%;`
`218`		`- height: min-content;`
`219`	`216`	`border-radius: 1em;`
`220`	`217`	`border: 1px solid var(--secondary-color);`
`221`	`218`	`}`