collin/collinenlucy.nl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixing some styling on the RSVP page

Browse source
This commit is contained in:
collin 2025-08-25 16:15:26 +02:00
parent dcd480b043
commit 882dda7c95
No known key found for this signature in database
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
client/rsvp.js
View file

@ -30,7 +30,7 @@ function createNewMember(id) {
childInput.type = "checkbox"; childInput.type = "checkbox";
childInput.id = `child-${id}`; childInput.id = `child-${id}`;
childInput.name = `child-${id}`; childInput.name = `child-${id}`;
childInput.style = 'font-size: 1rem'; childInput.style = "font-size: 1rem";
const childInputDiv = document.createElement("div"); const childInputDiv = document.createElement("div");
childInputDiv.classList.add("fill-right"); childInputDiv.classList.add("fill-right");
@ -40,15 +40,18 @@ function createNewMember(id) {
childDiv.appendChild(childLabel); childDiv.appendChild(childLabel);
childDiv.appendChild(childInputDiv); childDiv.appendChild(childInputDiv);
const dietDiv = document.createElement("p"); const dietDiv = document.createElement("div");
dietDiv.style = "flex-direction: column;";
const dietLabel = document.createElement("label"); const dietLabel = document.createElement("label");
dietLabel.htmlFor = `diet-${id}`; dietLabel.htmlFor = `diet-${id}`;
dietLabel.innerHTML = "Dietary preferences:"; dietLabel.innerHTML = "Dietary preferences:";
dietLabel.style = "flex:1;";
const dietInput = document.createElement("textarea"); const dietInput = document.createElement("textarea");
dietInput.id = `diet-${id}`; dietInput.id = `diet-${id}`;
dietInput.name = `dietaryPreferences-${id}`; dietInput.name = `dietaryPreferences-${id}`;
dietInput.style = "flex:1;"
dietDiv.appendChild(dietLabel); dietDiv.appendChild(dietLabel);
dietDiv.appendChild(dietInput); dietDiv.appendChild(dietInput);

1
client/style.css
View file

@ -227,6 +227,7 @@ form#rsvps div.members div.member {
form#rsvps div.members div.member div { form#rsvps div.members div.member div {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
width: 100%;
} }
form#rsvps div.members div.member div.separator { form#rsvps div.members div.member div.separator {