From f177a1923061754e9d7a76bc070f858a0595b5f7 Mon Sep 17 00:00:00 2001
From: Star Rauchenberger <fefferburbia@gmail.com>
Date: Sun, 5 Jan 2025 16:30:40 -0500
Subject: Made quotes more mobile-friendly

---
 app/assets/stylesheets/quotes/layout.css.sass | 26 ++++++++++++++------------
 app/views/layouts/quotes.html.haml            |  1 +
 2 files changed, 15 insertions(+), 12 deletions(-)

(limited to 'app')

diff --git a/app/assets/stylesheets/quotes/layout.css.sass b/app/assets/stylesheets/quotes/layout.css.sass
index 0f4a87f..f620304 100644
--- a/app/assets/stylesheets/quotes/layout.css.sass
+++ b/app/assets/stylesheets/quotes/layout.css.sass
@@ -3,11 +3,13 @@ body
     background-color: rgb(102,102,102)
 
 #wrap
-    width: 80%
-    margin: 1em auto
     background-color: white
     border: 1px solid black
 
+    @media only screen and (min-width: 768px)
+        width: 80%
+        margin: 1em auto
+
 #banner
     background-color: rgb(153,0,0)
     font-size: 1.25em
@@ -91,7 +93,6 @@ body
             margin: 0.5em 0.75em
             padding: 0
             position: static
-            width: 100%
             .quote-speaker
                 font-weight: bold
                 color: green
@@ -135,15 +136,16 @@ body
         margin: 0.5em
     textarea
         width: 100%
-    #about-left
-        float: left
-        width: 48%
-        margin-right: 1em
-    #about-right
-        float: right
-        width: 48%
-        margin-left: 1em
-        margin-bottom: 1em
+    @media only screen and (min-width: 768px)
+        #about-left
+            float: left
+            width: 48%
+            margin-right: 1em
+        #about-right
+            float: right
+            width: 48%
+            margin-left: 1em
+            margin-bottom: 1em
 
 #error-messages
     margin: .5em
diff --git a/app/views/layouts/quotes.html.haml b/app/views/layouts/quotes.html.haml
index 37d6847..4a7681e 100644
--- a/app/views/layouts/quotes.html.haml
+++ b/app/views/layouts/quotes.html.haml
@@ -9,6 +9,7 @@
     = auto_discovery_link_tag :atom, latest_quotes_url(:atom)
     = display_meta_tags og: { site_name: "Four Island" }
     %link{rel: "alternate", type: "application/atom+xml", href: latest_quotes_url(:atom)}
+    %meta{name: "viewport", content: "width=device-width, initial-scale=1.0"}
   %body
     #wrap
       %header#banner
-- 
cgit 1.4.1