angular/aio/content/examples/http/src/app/app.component.css
dario-piotrowicz 9366a3c5f3 docs: improve structure of http example (#44986)
improve the http aio example by:
 - adding a background color to the messages section so that it
   can be distinguished from the others
 - avoid using `hr` elements to divide the various sections, use
   css instead (so that the divisions can also be omitted when
   the sections are not being shown)
 - fix the erroneous presence of an input text element inside a button
   (see: https://github.com/angular/angular/pull/44557#discussion_r787239658)

PR Close #44986
2022-02-28 19:31:25 +00:00

16 lines
252 B
CSS

.checkboxes {
display: flex;
flex-wrap: wrap;
margin-bottom: 2rem;
}
.checkboxes > label {
flex: 0 0 max-content;
margin: 0.5rem;
cursor: pointer;
}
section:not(:last-of-type) {
padding-bottom: 2rem;
border-bottom: 1px solid black;
}