web: move infolinks to bottom of page

This commit is contained in:
Drew DeVault 2022-07-09 17:02:58 +02:00
parent a1f6b8c8de
commit ad9dd2701e
2 changed files with 20 additions and 5 deletions

View file

@ -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 {

View file

@ -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>