mirror of
https://github.com/gchq/CyberChef.git
synced 2025-05-08 15:25:01 -04:00
[#181] clean up some inconstencies in alignments, add a little bit more space for mobile usability
This commit is contained in:
parent
4a7008e5f6
commit
5d25276399
3 changed files with 6 additions and 4 deletions
|
@ -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);
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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,
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue