From 0d683e4786182b760ddd757ea05061cd4b682610 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <pablo@blender.org>
Date: Wed, 4 May 2022 12:57:02 +0200
Subject: [PATCH] Web: Move task details to the bottom on smaller screens

---
 web/app/src/assets/base.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css
index 0d7e9ea1..0a0dceb1 100644
--- a/web/app/src/assets/base.css
+++ b/web/app/src/assets/base.css
@@ -60,8 +60,16 @@ body {
   width: 100%;
 }
 
-.col-header {
-  background-color: #222;
+@media (max-width: 1280px) {
+  #app {
+    grid-template-areas:
+    "header header"
+    "col-1 col-2"
+    "col-3 col-3"
+    "footer footer";
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: var(--header-height) 1fr 1fr var(--footer-height);
+  }
 }
 
 .col {