From 4cb9c05a39cbac3119ae3011ccb4518da5ad3570 Mon Sep 17 00:00:00 2001
From: azimut <azimut.github@protonmail.com>
Date: Tue, 17 Sep 2024 02:11:33 -0300
Subject: [PATCH] ui: made title/input responsive #56 pending "details"

---
 frontend/public/index.html | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/frontend/public/index.html b/frontend/public/index.html
index 78e5706..dc2dc49 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -46,21 +46,31 @@
         left: 50%;
         transform: translate(-50%, -50%);
       }
-
+      /* ----------------- */
       header {
         display: flex;
-        flex-direction: row;
+        margin: auto;
+        flex-direction: column;
         font-size: 4em;
         justify-content: center;
         padding: 0.3em 0 0.3em 0;
-        text-align: center;
+      }
+      header > * {
+        margin: 0.1em auto;
+      }
+      @media (min-width: 1200px) {
+        header {
+          flex-direction: row;
+        }
+        header > * {
+          margin: 0 0.2em;
+        }
       }
       header span.pod {
         color: hsl(24, 90%, 80%);
       }
       form {
-        margin: 0 0 0 0.5em;
-        display: flex;
+        display: flex; /* Vertical align */
         flex-direction: column;
         justify-content: center;
       }
@@ -72,7 +82,7 @@
         border-radius: 0.1em;
         flex-grow: 0;
       }
-
+      /* ----------------- */
       footer {
         text-align: center;
         padding: 1em 0em;