From 2f6c6a0151d93d1c71fa298dbf59097bfca4c810 Mon Sep 17 00:00:00 2001
From: N0VA <n0va@krzak.org>
Date: Tue, 6 Jan 2026 21:52:27 +0100
Subject: [PATCH] desktop styles fix

---
 ui/style.css | 40 ++++++++++++++++++++++++++++++----------
 1 file changed, 30 insertions(+), 10 deletions(-)

diff --git a/ui/style.css b/ui/style.css
index 4728d0b..42eb162 100644
--- a/ui/style.css
+++ b/ui/style.css
@@ -24,7 +24,9 @@
 body {
     background-color: var(--background);
     color: var(--foreground);
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+    font-family:
+        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
+        Arial, sans-serif;
     margin: 0;
     height: 100vh;
     overflow: hidden;
@@ -132,15 +134,25 @@ body {
     align-items: center;
     justify-content: center;
     z-index: 10;
-    transition: transform 0.2s, opacity 0.2s;
+    transition:
+        transform 0.2s,
+        opacity 0.2s;
 }
 
 .btn-floating:active {
     transform: scale(0.95);
 }
 
-.btn-floating.visible {
-    display: flex;
+@media (max-width: 768px) {
+    .btn-floating.visible {
+        display: flex;
+    }
+}
+
+@media (min-width: 769px) {
+    .btn-floating.visible {
+        display: none;
+    }
 }
 
 .sidebar-header {
@@ -317,9 +329,15 @@ label {
 }
 
 @keyframes pulse {
-    0% { opacity: 1; }
-    50% { opacity: 0.4; }
-    100% { opacity: 1; }
+    0% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0.4;
+    }
+    100% {
+        opacity: 1;
+    }
 }
 
 /* Main Editor Area */
@@ -354,7 +372,8 @@ label {
     overflow-y: auto;
 }
 
-#editor, #suggestion-overlay {
+#editor,
+#suggestion-overlay {
     width: 100%;
     height: 100%;
     padding: 2rem;
@@ -370,7 +389,8 @@ label {
 }
 
 @media (max-width: 768px) {
-    #editor, #suggestion-overlay {
+    #editor,
+    #suggestion-overlay {
         padding: 1rem;
         font-size: 1rem;
     }
@@ -392,4 +412,4 @@ label {
     color: var(--muted-foreground);
     pointer-events: none;
     opacity: 0.5;
-}
\ No newline at end of file
+}