77 lines
2.1 KiB
CSS
77 lines
2.1 KiB
CSS
|
.form-header {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
margin-top: -56px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-title,
|
||
|
|
.form-description {
|
||
|
|
border: none;
|
||
|
|
border-bottom: 1px solid #ccc;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 0;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-title:focus,
|
||
|
|
.form-description:focus {
|
||
|
|
box-shadow: none;
|
||
|
|
outline: none;
|
||
|
|
border-bottom: 1px solid #007bff;
|
||
|
|
}
|
||
|
|
.option {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin-bottom: 5px; /* Space between options */
|
||
|
|
}
|
||
|
|
|
||
|
|
.option i.icon-transparent {
|
||
|
|
opacity: 0.5; /* Make the icon transparent */
|
||
|
|
margin-right: 10px; /* Space between icon and option box */
|
||
|
|
font-size: 10px; /* Adjust icon size here */
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.option .form-control.option-label {
|
||
|
|
flex: 1; /* Ensure the input field takes up the remaining space */
|
||
|
|
}
|
||
|
|
|
||
|
|
.option .delete-option-icon {
|
||
|
|
margin-left: 10px; /* Space between option box and delete icon */
|
||
|
|
cursor: pointer; /* Show pointer cursor on hover */
|
||
|
|
}
|
||
|
|
.option .form-control.option-label {
|
||
|
|
width: 44%; /* Adjust the percentage as needed */
|
||
|
|
flex: none; /* Ensure it doesn't automatically adjust its size based on the parent container */
|
||
|
|
}
|
||
|
|
/* Style for the submit button */
|
||
|
|
#submit-btn {
|
||
|
|
display: block;
|
||
|
|
margin: 6px auto 30px 0; /* Top, Right, Bottom, Left Margin */
|
||
|
|
padding: 10px 20px; /* Adjust padding for button size */
|
||
|
|
background-color: rgb(103, 58, 183); /* Button color */
|
||
|
|
border-color: rgb(103, 58, 183); /* Border color */
|
||
|
|
color: white; /* Text color */
|
||
|
|
text-align: center; /* Center text inside the button */
|
||
|
|
float: left; /* Align button to the left */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Style for the container */
|
||
|
|
.container {
|
||
|
|
padding-bottom: 2px; /* Space between container content and bottom of the page */
|
||
|
|
padding-top: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Optional: Adding padding to body */
|
||
|
|
body {
|
||
|
|
padding-bottom: 10px; /* Space between page content and bottom of the viewport */
|
||
|
|
}
|
||
|
|
#add-section-btn {
|
||
|
|
position: relative; /* Position relative to its normal position */
|
||
|
|
left: -350px; /* Move 20px to the right from its normal position */
|
||
|
|
top: 80px; /* Move 10px down from its normal position */
|
||
|
|
}
|