From f2bd84f516654fd7d8bdd34199842abefb0e3b24 Mon Sep 17 00:00:00 2001
From: Kira <kira.eva@protonmail.com>
Date: Wed, 17 May 2023 02:26:05 +0100
Subject: Make search bar stick to the top center of the page on mobile
---
src/static/style.css | 37 +++++++++++++++++++++++++++++++++++++
1 file changed, 37 insertions(+)
(limited to 'src/static/style.css')
diff --git a/src/static/style.css b/src/static/style.css
index d2d46f1..ee35cae 100644
--- a/src/static/style.css
+++ b/src/static/style.css
@@ -112,7 +112,44 @@ aside form p {
@media screen and (max-width: 1200px) {
#multicharts ul li {
width: 100%;
+ min-height: 500px;
+ height: 100%;
}
+
+ aside {
+ float: none;
+ margin: auto;
+ width: 25%;
+ display: block;
+ justify-content: center;
+ text-align: center;
+ }
+
+ #searchform {
+ width: 100%;
+ margin: auto;
+ }
+
+ aside form input[type="submit"] {
+ margin-top: 3px;
+ margin: auto;
+ background-color: black;
+ color: white;
+ border-radius: 5px;
+ border: 2px solid black;
+ }
+
+
+input[type="search"] {
+ padding: 3px 5px;
+ box-sizing: border-box;
+ border: 2px solid black;
+ margin: auto;
+}
+
+
+
+ /* input[type="search"] {} */
}
.minichart {
--
cgit v1.2.3