2024-07-01 17:28:16 +00:00
|
|
|
label {
|
|
|
|
display: inline-block; /* makes the labels block elements but keep them inline */
|
|
|
|
width: 100px; /* you may need to adjust this based on the width of your widest label */
|
|
|
|
text-align: right;
|
|
|
|
margin-right: 5px; /* provides a 5px space between the label and its input field */
|
|
|
|
}
|
|
|
|
|
|
|
|
input {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
2024-06-25 10:05:57 +00:00
|
|
|
.form-row {
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-field {
|
|
|
|
display: flex;
|
2024-07-01 17:28:16 +00:00
|
|
|
align-items: center;
|
|
|
|
justify-content: left;
|
|
|
|
width: 200px;
|
2024-06-25 10:05:57 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.content-container {
|
2024-07-01 17:28:16 +00:00
|
|
|
max-width: 500px;
|
2024-06-25 10:05:57 +00:00
|
|
|
margin: 20px 0px 0 20px;
|
2024-07-01 17:28:16 +00:00
|
|
|
padding: 0 20px;
|
2024-06-25 10:05:57 +00:00
|
|
|
}
|