Sykkelaksjon/client/src/style.css
2026-04-12 01:28:25 +02:00

103 lines
1.4 KiB
CSS

body {
text-align: center;
}
.outer-vertical-flex {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 20px;
width: fit-content;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.flex-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
flex: auto;
}
.vertical-flex {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 20px;
}
.register-activity-div {
border: 1px gray solid;
padding: 10px;
line-height: 1.8;
}
.register-activity-div input {
width: 200px;
}
label {
display: inline-block;
width: 200px;
}
.submit-buttons-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin-left: 20px;
margin-right: 20px;
}
.standard-activities-div {
border: 1px gray solid;
padding: 10px;
}
.registered-activities-div {
border: 1px gray solid;
padding: 10px;
}
table {
width: 100%;
}
table,td,th {
border: 1px solid lightgray;
}
.registered-activities-div td {
padding-right:10px;
}
.registered-activities-div td button {
margin-left:50px;
width: 100px;
}
.other-users-div {
border: 1px gray solid;
padding: 10px;
}
.admin-div {
border: 1px gray solid;
padding: 10px;
}
details {
border: 1px solid #aaaaaa;
border-radius: 4px;
padding: 0.5em 0.5em 2px;
}
summary {
font-weight: bold;
margin: -0.5em -0.5em 0;
padding: 0.5em;
}