diff --git a/public/css/clean.css b/public/css/clean.css
index 3644b95..45e9f24 100644
--- a/public/css/clean.css
+++ b/public/css/clean.css
@@ -57,8 +57,13 @@ nav {
.nav-item { height: 56px; line-height: normal; }
.nav-icon { width: 38px; height: 38px; border-radius: 6px; }
.nav-icon:hover { background: var(--bg_hover); color: var(--text); }
-.inner-nav > .nav-item.right { display: none; }
-.mobile-nav { display: block; position: relative; }
+.inner-nav > .nav-item.right {
+ display: flex;
+ flex-wrap: nowrap;
+ overflow: visible;
+ gap: 2px;
+}
+.mobile-nav { display: none; }
.mobile-nav > summary {
display: grid;
width: 38px;
@@ -870,6 +875,7 @@ input[type="text"], input[type="date"], input[type="number"], select {
main .container { padding: 68px 0 32px; }
.inner-nav { padding: 0 12px; }
.site-name { display: none; }
+ .nav-icon { width: 32px; height: 32px; }
.profile-tabs { display: block; }
.profile-tab, .profile-tab.sticky { position: static; margin-bottom: 12px; }
.profile-banner, .profile-card, .photo-rail-card, .tab, .timeline, .timeline-none, .timeline-protected, .timeline-end, .preferences-panel { border-left: 0; border-right: 0; border-radius: 0; }
diff --git a/src/views/layout.rs b/src/views/layout.rs
index e6a45e3..56ed6ea 100644
--- a/src/views/layout.rs
+++ b/src/views/layout.rs
@@ -14,7 +14,7 @@ use crate::{
};
pub const STYLE_CSS: &str = "/css/style.css";
-pub const CLEAN_CSS: &str = "/css/clean.css";
+pub const CLEAN_CSS: &str = "/css/clean.css?navicons";
pub const FONTELLO_CSS: &str = "/css/fontello.css";
/// Builder for rendering a full page layout.
@@ -330,35 +330,6 @@ pub fn render_navbar_full(config: &Config, rss: &str, canonical: &str, referer:
span class="icon-cog" aria-hidden="true" {}
}
}
- details class="mobile-nav" {
- summary aria-label="Open navigation menu" {
- (PreEscaped(r#""#))
- }
- div class="mobile-nav-menu" {
- a href="https://owo.vg" target="_blank" rel="noopener noreferrer" {
- img src="/public/icons/4chan.png" alt="" width="18" height="18";
- "owo.vg"
- }
- a href="https://soyjak.cf" target="_blank" rel="noopener noreferrer" {
- img src=(random_soyjak_icon()) alt="" width="18" height="18";
- "soyjak.cf"
- }
- a href="https://awoo.cf" target="_blank" rel="noopener noreferrer" {
- img src="/public/icons/awoo.png" alt="" width="18" height="18";
- "awoo.cf"
- }
- a href="/search" { span class="icon-search" aria-hidden="true" {} "Search" }
- @if config.config.enable_rss && !rss.is_empty() {
- a href=(rss) { span class="icon-rss" aria-hidden="true" {} "RSS feed" }
- }
- a href=(&canonical) {
- (PreEscaped(r#""#))
- "Open in X"
- }
- a href="/about" { span class="icon-info" aria-hidden="true" {} "About" }
- a href=(&settings_href) { span class="icon-cog" aria-hidden="true" {} "Preferences" }
- }
- }
}
}
}