[#181] clean up some inconstencies in alignments, add a little bit more space for mobile usability

This commit is contained in:
Robin Scholtes 2023-04-17 11:33:58 +12:00
parent 4a7008e5f6
commit 5d25276399
3 changed files with 6 additions and 4 deletions

View file

@ -8,9 +8,9 @@
#banner { #banner {
position: absolute; position: absolute;
height: 30px; height: 40px;
width: 100%; width: 100%;
line-height: 30px; line-height: 40px;
border-bottom: 1px solid var(--primary-border-colour); border-bottom: 1px solid var(--primary-border-colour);
color: var(--banner-font-colour); color: var(--banner-font-colour);
background-color: var(--banner-bg-colour); background-color: var(--banner-bg-colour);

View file

@ -413,7 +413,8 @@
font-family: var(--fixed-width-font-family); font-family: var(--fixed-width-font-family);
font-weight: normal; font-weight: normal;
font-size: 8pt; font-size: 8pt;
margin: 0 5px; /*0 5px for desktop*/
margin: 5px 15px;
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: space-between; justify-content: space-between;

View file

@ -29,8 +29,9 @@ body {
/*//////// mobile ui updates below ///////////*/ /*//////// mobile ui updates below ///////////*/
/* this is temporary ( unorganised and unrefined )*/ /* this is temporary ( unorganised and unrefined )*/
/*@todo: use a banner-height var or something so these two will always align*/
#workspace-wrapper { #workspace-wrapper {
margin-top: 30px; margin-top: 40px;
} }
#content-wrapper, #content-wrapper,