From 17e20579a0e94a1a56b3e69d46a214cc02baa041 Mon Sep 17 00:00:00 2001
From: surdeus <surdeus@gmail.com>
Date: Mon, 4 Mar 2024 03:13:49 +0500
Subject: [PATCH] made css more portable (for cellphones)

---
 web/main.css                          | 16 +++++++++++++---
 wiki/rpg/rule/savage-worlds/index.pmd |  4 ++--
 wiki/rpg/worlds/index.pmd             |  2 +-
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/web/main.css b/web/main.css
index d58e259..1cd641e 100644
--- a/web/main.css
+++ b/web/main.css
@@ -60,8 +60,15 @@ body {
   /*gap: 1rem;*/
 }
 
+@media screen and (max-width: 480px) {
+  body {
+    flex-direction: column;
+    position: static;
+  }
+}
+
 header {
-  width: fit-content;
+  max-width: fit-content;
 
   display: flex;
   flex-direction: column;
@@ -69,8 +76,9 @@ header {
   border-right: var(--bd-width) var(--bd-style) var(--bd-color);
   overflow-y: auto;
   overflow-x: hidden;
-  flex-shrink: 0;
+  flex-shrink: 1;
   padding-right: 1rem;
+  resize: horizontal;
 }
 
 header > nav {
@@ -89,8 +97,10 @@ nav {
 
 main {
   /*margin-left: calc(var(--header-width) + 1rem);*/
+
   padding-left: 1rem;
-  flex-shrink: 1;
+  padding: .5rem;
+  flex-shrink: 100;
   overflow-y: auto;
 }
 
diff --git a/wiki/rpg/rule/savage-worlds/index.pmd b/wiki/rpg/rule/savage-worlds/index.pmd
index e9b670d..a6048c5 100644
--- a/wiki/rpg/rule/savage-worlds/index.pmd
+++ b/wiki/rpg/rule/savage-worlds/index.pmd
@@ -2,5 +2,5 @@
 
 Перевод-модификация правил Savage Worlds AE для использования внутри VULTRAS.
 
-* [Характеристики](char)
-* [Бой](fight)
+* [Характеристики](./char)
+* [Бой](./fight)
diff --git a/wiki/rpg/worlds/index.pmd b/wiki/rpg/worlds/index.pmd
index 5415880..fe342c4 100644
--- a/wiki/rpg/worlds/index.pmd
+++ b/wiki/rpg/worlds/index.pmd
@@ -2,4 +2,4 @@
 
 Описания миров
 
-* [Атриум](atrium)
+* [Атриум](./atrium)