Website: Fix mobile log out button padding (#32931)

Closes: https://github.com/fleetdm/confidential/issues/12194

Changes:
- Updated the padding on the "Log out" button in the mobile navigation
menu
This commit is contained in:
Eric 2025-09-12 12:39:52 -05:00 committed by GitHub
parent 3d7f5c05cf
commit a83833f3c9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 11 additions and 10 deletions

View file

@ -291,6 +291,7 @@ html, body {
background-color: @core-vibrant-red;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
&:hover {
color: #FFF;
}

View file

@ -394,18 +394,18 @@
</div>
<% if(_.has(me, 'id')) {%>
<hr>
<a purpose="mobile-dropdown-link" href="/logout" class="d-flex mt-2 text-decoration-none">Log out</a>
<a purpose="mobile-dropdown-toggle" href="/logout" class="d-flex mt-2 text-decoration-none">Log out</a>
<% }%>
<%if(me && me.isSuperAdmin && showAdminLinks) {%>
<hr>
<a purpose="mobile-dropdown-toggle" class="d-flex align-items-center mr-4 collapsed" data-toggle="collapse" data-target="#mobileNavbarToggleAdmin">Admin</a>
<div id="mobileNavbarToggleAdmin" purpose="mobile-dropdown" class="collapse" data-parent="#mobileDropdowns">
<a purpose="mobile-dropdown-link" href="/query-generator">Generate queries</a>
<a purpose="mobile-dropdown-link" href="/admin/generate-license">License generator</a>
<a purpose="mobile-dropdown-link" href="/admin/email-preview">HTML Email preview tool</a>
</div>
<%}%>
</div>
<%if(me && me.isSuperAdmin && showAdminLinks) {%>
<hr>
<a purpose="mobile-dropdown-toggle" class="d-flex align-items-center mr-4 collapsed" data-toggle="collapse" data-target="#mobileNavbarToggleAdmin">Admin</a>
<div id="mobileNavbarToggleAdmin" purpose="mobile-dropdown" class="collapse" data-parent="#mobileDropdowns">
<a purpose="mobile-dropdown-link" href="/query-generator">Generate queries</a>
<a purpose="mobile-dropdown-link" href="/admin/generate-license">License generator</a>
<a purpose="mobile-dropdown-link" href="/admin/email-preview">HTML Email preview tool</a>
</div>
<%}%>
<%if(!hideGetStartedButton){%>
<div purpose="mobile-nav-cta" class="d-flex flex-row align-items-center">