From e19ba17b9b1565bfc52e9a11c655cb0fd1a389f4 Mon Sep 17 00:00:00 2001
From: chip2n <andreas@arvidsson.io>
Date: Fri, 20 Sep 2024 11:54:06 +0200
Subject: [PATCH] Improve project page for mobile

---
 project.lisp | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/project.lisp b/project.lisp
index 2aaa2be..cdfa951 100644
--- a/project.lisp
+++ b/project.lisp
@@ -6,8 +6,8 @@
 
      (page-header :title ,title :src ,src)
 
-     (:div :style "display: flex;"
-       (:div :style "flex-grow: 1; margin-right: 16px" ,@body)
+     (:div :id "project-container"
+       (:div :style "flex-grow: 1" ,@body)
        (project-sidebar ,sidebar))))
 
 (navi:define-tag project-sidebar (body attrs)
@@ -16,6 +16,17 @@
 
 ;; * Styles
 
+(navi/style:define-style project-container
+  ("#project-container"
+   :display "flex"
+   :flex-direction "row"
+   :gap "24px")
+  (:media "(max-width: 600px)"
+          ("#project-container"
+           :background-color "#ff0000"
+           :flex-direction "column-reverse"
+           :gap "24px")))
+
 (navi/style:define-style game-container
   ("#game-container"
    :display "flex"