1 files changed, 24 insertions, 4 deletions
diff --git a/Pages/Component/Titlebar.razor.css b/Pages/Component/Titlebar.razor.css
index ea10740..58a1c0c 100644
--- a/Pages/Component/Titlebar.razor.css
+++ b/Pages/Component/Titlebar.razor.css
@@ -11,17 +11,20 @@ div#navbar > h2 {
     margin-left: 20px;
 }
 
-div#navbar > a {
+div#navbar > a, div#navbar > p {
     align-items: center;
     color:       white;
     display:     flex;
     height:      100%;
     padding:     0 20px 0 20px;
+    user-select: none;
 }
 
-div#navbar > a:hover {
-    background: rgba(255, 255, 255, 0.4);
-    filter:     none;
+@media (hover: hover) and (pointer: fine) {
+    div#navbar > a:hover {
+        background: rgba(255, 255, 255, 0.4);
+        filter:     none;
+    }
 }
 
 div#navbar > a:active {
@@ -29,6 +32,11 @@ div#navbar > a:active {
     color:      var(--col-navbar-bg);
 }
 
+div#navbar > a.menu-button {
+    font-size:   18pt;
+    margin-left: auto;
+}
+
 p#nsfw-label {
     align-self:  center;
     font-size:   9pt;
@@ -77,3 +85,15 @@ input[type="text"], input[type="password"] {
 input[type="password"] {
     margin-left: 20px;
 }
+
+@media (hover: none) and (pointer: coarse) {
+    .desktop {
+        display: none !important;
+    }
+}
+
+@media (hover: hover) and (pointer: fine) {
+    .mobile {
+        display: none !important;
+    }
+}