92 lines
No EOL
1.8 KiB
CSS
92 lines
No EOL
1.8 KiB
CSS
.popupHeader {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-top:10px;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
margin-bottom: 5px;
|
|
width: 300px;
|
|
height: 20px;
|
|
color: gray;
|
|
font-size: 10px;
|
|
|
|
}
|
|
|
|
.closeButton {
|
|
display: flex;
|
|
align-items: center;
|
|
background: none;
|
|
border: none;
|
|
cursor: pointer;
|
|
width: 20px; /* Increased button size */
|
|
height: 20px;
|
|
line-height: 0;
|
|
padding: 0;
|
|
margin:0;
|
|
|
|
}
|
|
|
|
.closeIcon {
|
|
width: 100%; /* Make the icon fill the button's width */
|
|
height: 100%;
|
|
padding: 0;
|
|
margin:0;
|
|
display: block;
|
|
}
|
|
|
|
.horizontalLineLight {
|
|
width: 100%;
|
|
background-color: #F1F1F1;
|
|
height: 1px;
|
|
}
|
|
|
|
.userInfo {
|
|
display: grid;
|
|
grid-column: 1;
|
|
padding: none;
|
|
margin: none;
|
|
align-items: center;
|
|
justify-content: center; /* Center horizontally */
|
|
}
|
|
|
|
.userInfoParagraph{
|
|
display: flex;
|
|
color: gray;
|
|
font-size: 10px;
|
|
margin:0px;
|
|
justify-content: center;
|
|
gap: 10px;
|
|
}
|
|
.userInfo h2{
|
|
display: flex;
|
|
justify-content: center;
|
|
margin: 0;
|
|
margin-top:10px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.submitButtonDiv {
|
|
margin: 10px;
|
|
display: flex; /* Use Flexbox */
|
|
justify-content: center; /* Center horizontally */
|
|
align-items: center;
|
|
}
|
|
.submitButton {
|
|
background: none;
|
|
border: 1px solid black;
|
|
border-radius: 5px;
|
|
padding: 5px 20px; /* Optional: Adds some padding for better button size */
|
|
cursor: pointer;
|
|
width: 80%
|
|
}
|
|
|
|
.submitButton:hover {
|
|
background: rgb(168, 18, 18);
|
|
border: 1px solid rgb(168, 18, 18);
|
|
border-radius: 5px;
|
|
padding: 5px 20px; /* Optional: Adds some padding for better button size */
|
|
cursor: pointer;
|
|
color: white;
|
|
transition: 0.2s;
|
|
} |