mirrors/CyberChef
1
0
Fork 0
mirror of https://github.com/gchq/CyberChef.git synced 2025-05-07 06:57:12 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

4
src/web/stylesheets/layout/_banner.css
View file

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

3
src/web/stylesheets/layout/_io.css
View file

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

3
src/web/stylesheets/layout/_structure.css
View file

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