From 79b12ac4b76fb22a7a316b4a03fe5ed3c91a137f Mon Sep 17 00:00:00 2001
From: Adam Townsend <adam@desnudopenguino.com>
Date: Thu, 5 Oct 2023 11:03:22 -0700
Subject: [PATCH] updates for mobile use

---
 views/layout.erb | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)
diff --git a/views/layout.erb b/views/layout.erb
index c402792..32a196a 100644
--- a/views/layout.erb
+++ b/views/layout.erb
@@ -1,6 +1,7 @@
 <html>
   <head>
     <title><%= @page_title || "URL Shortener" %></title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" href="data:,">
     <style>
       :root {
@@ -16,14 +17,20 @@
 
       body {
         background: var(--white);
-        background-image: linear-gradient(to bottom right, var(--lightest-blue), var(--white), var(--lightest-blue));
+        background-image: linear-gradient(to bottom right, var(--lightest-blue), var(--white), var(--white), var(--white), var(--lightest-blue));
         font-family: Helvetica, sans-serif;
         color: var(--black);
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        padding: 0;
+        border: 0;
       }
 
       main {
-        max-width: 30rem;
-        min-width: 18rem;
+        width: 30rem;
+        max-width: calc(100% - 1rem);
+        box-sizing: border-box;
         border: 5px solid var(--medium-blue);
         border-radius: 20px;
         margin: auto;
@@ -33,6 +40,7 @@
         min-height: 260px;
         box-shadow: 3px 2px 10px var(--shadow);
         background: var(--white);
+        overflow: hidden;
       }
 
       input, button {
