web: move infolinks to bottom of page
This commit is contained in:
parent
a1f6b8c8de
commit
ad9dd2701e
2 changed files with 20 additions and 5 deletions
|
@ -10,6 +10,19 @@ body {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
display: flex;
|
||||||
|
flex-grow: 1;
|
||||||
|
justify-content: center;
|
||||||
|
padding-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .infolinks {
|
||||||
|
align-self: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon svg {
|
.icon svg {
|
||||||
|
|
|
@ -16,14 +16,16 @@
|
||||||
placeholder="Search terms..." />
|
placeholder="Search terms..." />
|
||||||
<button type="submit">Search</button>
|
<button type="submit">Search</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="infolinks">
|
|
||||||
<a href="/about">About SearchHut</a>
|
|
||||||
<a href="/docs">Documentation</a>
|
|
||||||
<a href="https://sr.ht/~sircmpwn/searchhut">Source code</a>
|
|
||||||
</div>
|
|
||||||
<div class="alert">
|
<div class="alert">
|
||||||
<strong>Notice!</strong>
|
<strong>Notice!</strong>
|
||||||
This product is experimental and incomplete. User beware!
|
This product is experimental and incomplete. User beware!
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</main>
|
</main>
|
||||||
|
<footer>
|
||||||
|
<div class="infolinks">
|
||||||
|
<a href="/about">About searchhut</a>
|
||||||
|
<a href="/docs">Documentation</a>
|
||||||
|
<a href="https://sr.ht/~sircmpwn/searchhut">Source code</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
Loading…
Reference in a new issue