Massive style changes

wwwroot/index.html

@@ -15,14 +15,17 @@
   <link rel="stylesheet" href="css/placeholder.css">
   <link rel="stylesheet" href="css/file-explorer.css">
   <link rel="stylesheet" href="css/markdown.css">
+  <link rel="stylesheet" href="css/mobile.css">
 </head>
 <body>
 
 <nav id="nav">
-  <div class="nav-brand">// gott</div>
-  <div class="nav-links">
-    <a href="#" data-page="dashboard" class="nav-link active">Dashboard</a>
-    <a href="#" data-page="settings" class="nav-link">Einstellungen</a>
+  <div class="nav-content">
+    <div class="nav-brand">// gott</div>
+    <div class="nav-links">
+      <a href="#" data-page="dashboard" class="nav-link active">Dashboard</a>
+      <a href="#" data-page="settings" class="nav-link">Einstellungen</a>
+    </div>
   </div>
 </nav>
 
@@ -149,10 +152,10 @@
       <div id="refPreview" class="ref-preview" hidden></div>
       <div class="input-area">
         <input type="file" id="fileInput" accept="image/jpeg,image/png,image/gif,image/webp,application/pdf" multiple hidden>
-        <button id="explorerBtn" class="file-btn" title="Workspace durchsuchen">📂</button>
         <button id="fileBtn" class="file-btn" title="Datei anhängen">📎</button>
-        <textarea id="input" placeholder="Nachricht eingeben... (Ctrl+Enter)" rows="1"></textarea>
-        <button id="send">Senden</button>
+        <button id="explorerBtn" class="file-btn" title="Workspace durchsuchen">📂</button>
+        <textarea id="input" placeholder="Nachricht..." rows="1"></textarea>
+        <button id="send">→</button>
       </div>
     </div>
   </div>
@@ -165,8 +168,7 @@
       <h1>Einstellungen</h1>
     </header>
     <div class="page-content placeholder">
-      <div class="placeholder-icon">⚙️</div>
-      <h2>Einstellungen</h2>
+      <h2>⚙️ Einstellungen</h2>
       <p>Hier können diverse Einstellungen getroffen werden.</p>
     </div>
   </div>