mt-polygon-simplification/benchmarking/public/style.css

53 lines
693 B
CSS
Raw Normal View History

2019-07-14 20:37:26 +02:00
html,
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
main {
width: 80%;
margin: 0 auto;
}
#status {
background-color: bisque;
}
form {
display: grid;
grid-template-columns: auto auto;
grid-gap: 10px;
align-items: center;
margin-top: 20px;
}
2019-07-19 15:15:05 +02:00
input[type='submit'] {
2019-07-14 20:37:26 +02:00
grid-column: 1 / -1;
}
2019-07-19 15:15:05 +02:00
input,
select {
min-width: 150px;
width: 100%;
}
#root {
2019-07-14 20:37:26 +02:00
display: flex;
flex-wrap: wrap;
2019-07-19 15:15:05 +02:00
/* border: 1px solid black; */
2019-07-14 20:37:26 +02:00
justify-content: space-around;
}
2019-07-19 15:15:05 +02:00
#root > div {
2019-07-14 20:37:26 +02:00
margin: 10px 6px;
2019-07-19 15:15:05 +02:00
/* border: 1px solid red; */
2019-07-14 20:37:26 +02:00
}
2019-07-19 15:15:05 +02:00
.component {
min-width: 300px;
flex: 1;
2019-07-14 20:37:26 +02:00
}
@media screen and (max-width: 800px) {
2019-07-19 15:15:05 +02:00
main {
width: 100%;
2019-07-14 20:37:26 +02:00
}
}