trotFunky/FabulaVotes
1
0
Fork 0
Code Releases Packages Activity

style: Update top bar

Browse source 
Style the topbar to make it more useful in the future.
Style the login element to make the form vertical and
properly aligned, in order for it to fit well on both
desktop and mobile.

Small adjustment to the truth editor style to space it
out a little bit.
This commit is contained in:
trotFunky 2024-08-01 19:29:04 +01:00
parent fb115e1bba
commit d79375365d
1 changed files with 33 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
static_files/style.css
View file

@ -2,9 +2,21 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center;
margin-right: 2em; margin-right: 2em;
} }
.top_bar_side {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: baseline;
}
.top_bar_side > * {
padding: 0 0.5em;
}
.truth_page_body { .truth_page_body {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -41,6 +53,10 @@
margin-bottom: 1em; margin-bottom: 1em;
} }
.truth_edit_form {
margin-bottom: 1em;
}
.graph { .graph {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -85,6 +101,23 @@
} }
} }
.login {
display: flex;
flex-direction: column;
}
.login > * {
padding-bottom: 0.1em;
}
.login > label {
align-self: flex-end;
}
.login > b {
align-self: center;
}
/* Global styling */ /* Global styling */
hr { hr {