From 7dd8ceae195e9d2bde4f1707e2c702fe7fcb0fa5 Mon Sep 17 00:00:00 2001
From: dr-carlos <dr_steven_carlos@outlook.com>
Date: Sat, 30 Jul 2022 07:05:01 +0930
Subject: [PATCH] Add small desktop layout

---
 css/sq2bs.css | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 55 insertions(+), 1 deletion(-)

diff --git a/css/sq2bs.css b/css/sq2bs.css
index 36baa1f..e7190ad 100644
--- a/css/sq2bs.css
+++ b/css/sq2bs.css
@@ -193,6 +193,60 @@ input.equipment-input:not(.is-invalid) {
     width: 6.5rem;
 }
 
+@media screen and (orientation: landscape) and (max-width: 1199px) {
+    :root {
+        --scaled-fontsize: 1rem;
+    }
+    .scaled-font {
+        font-size: 1rem;
+    }
+
+    .box-title {
+        font-size: 1rem;
+    }
+
+    .item-title {
+        font-size: 1.2rem;
+    }
+
+    .big-title {
+        font-size: 1.5rem;
+    }
+
+    .skp-tooltip {
+        font-size: 1rem;
+    }
+
+    .spellcost-tooltip b {
+        font-size: .625rem !important;
+    }
+
+    .scaled-item-icon {
+        width: 3.2rem;
+    }
+
+    .scaled-item-icon img {
+        width: 2.8rem;
+    }
+
+    .scaled-bckgrd {
+        width: 4rem;
+        height: 4rem;
+    }
+
+    .scaled-bckgrd img {
+        width: 2.8rem;
+    }
+
+    .warning {
+        font-size: .7rem;
+    }
+
+    .spell-display b {
+        font-size: 1rem;
+    }
+}
+
 @media screen and (min-width: 1200px) and (max-width: 1400px) {
     :root {
         --scaled-fontsize: 1rem;
@@ -475,4 +529,4 @@ a:hover {
     background-size: 500% 100%;
     background-position: 100% 0;
     aspect-ratio: 1/1;
-}
\ No newline at end of file
+}