Improve scaling on mobile devices

fumiX · Aug 26, 2024 · f74868d · f74868d
1 parent c85b59c
commit f74868d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/web/index.html b/web/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="icon" type="image/xml+svg" href="/favicon.svg">
 <link rel="manifest" href="/app.webmanifest">
 <title>Sipgator</title>

diff --git a/web/src/sipgator-app.ts b/web/src/sipgator-app.ts
@@ -27,7 +27,7 @@ export class SipgatorApp extends LitElement {
 
   render() {
     return html`
-      <nav class="m l bottom" style="justify-content: space-between">
+      <nav class="bottom" style="justify-content: space-between;overflow-x: auto">
         <header>
           <img class="circle" src="/favicon.svg" alt="SipGator-Logo">
         </header>