line up all icons and paddings with consistency, return auto bake checkbox on mobile UI

This commit is contained in:
Robin Scholtes 2023-04-17 13:50:43 +12:00
parent c1a5b67603
commit b872ac6e68
3 changed files with 21 additions and 4 deletions

View file

@ -147,8 +147,15 @@
<div id="content-wrapper">
<!-- banner -->
<div id="banner" class="row">
<div style="text-align: left; padding-left: 10px;">
<a href="#" data-toggle="modal" data-target="#download-modal" data-help-title="Downloading CyberChef" data-help="<p>CyberChef can be downloaded to run locally or hosted within your own network. It has no server-side component so all that is required is that the ZIP file is uncompressed and the files are accessible.</p><p>As a user, it is worth noting that unofficial versions of CyberChef could have been modified to introduce Input and/or Recipe exfiltration. We recommend always using the official, open source, up-to-date version of CyberChef hosted at <a href='https://gchq.github.io/CyberChef'>https://gchq.github.io/CyberChef</a> if accessible.</p><p>The Network tab in your browser's Developer console (F12) can be used to inspect the network requests made by a website. This can confirm that no data is uploaded when a CyberChef recipe is baked.</p>">Download CyberChef <i class="material-icons">file_download</i></a>
<div>
<a href="#"
data-toggle="modal"
data-target="#download-modal"
data-help-title="Downloading CyberChef"
data-help="<p>CyberChef can be downloaded to run locally or hosted within your own network. It has no server-side component so all that is required is that the ZIP file is uncompressed and the files are accessible.</p><p>As a user, it is worth noting that unofficial versions of CyberChef could have been modified to introduce Input and/or Recipe exfiltration. We recommend always using the official, open source, up-to-date version of CyberChef hosted at <a href='https://gchq.github.io/CyberChef'>https://gchq.github.io/CyberChef</a> if accessible.</p><p>The Network tab in your browser's Developer console (F12) can be used to inspect the network requests made by a website. This can confirm that no data is uploaded when a CyberChef recipe is baked.</p>">
Download CyberChef
<i class="material-icons">file_download</i>
</a>
</div>
<div id="notice-wrapper" class="desktop-only">
<span id="notice">
@ -162,7 +169,7 @@
<noscript>JavaScript is not enabled. Good luck.</noscript>
</span>
</div>
<div style="text-align: right; padding-right: 0;">
<div>
<a href="#"
id="options"
data-help-title="Options and Settings"

View file

@ -17,6 +17,8 @@
margin: 0;
/* flex is applied through .row on the banner element */
justify-content: space-between;
padding-left: 12px;
padding-right: 4px;
}
#banner i {

View file

@ -31,7 +31,15 @@
color: var(--primary-font-colour);
font-size: 14px;
cursor: pointer;
line-height: 0;
/*line-height: 0;*/
}
#auto-bake {
position: relative;
width: auto;
height: auto;
opacity: 1;
z-index: initial;
}
#auto-bake-label .check,