Better inventory width spacing and responsiveness.

BitLucid · Sep 30, 2023 · 168a8ce · 168a8ce
1 parent d935d3e
commit 168a8ce
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/deploy/templates/inventory.tpl b/deploy/templates/inventory.tpl
@@ -3,7 +3,7 @@
   margin-bottom:3em;
 }
 #inventory-content .item-list{
-  margin-bottom:2em;margin-left:auto;margin-right:auto;width:100%;max-width:30rem;
+  margin-bottom:2em;margin-left:auto;margin-right:auto;width:100%;
 }
 #inventory-content .item-list .oddeven td{
   font-size:1em;padding-bottom:0.3em;line-height:2.3;
@@ -26,6 +26,12 @@
 .footnote{
   background-color:rgba(0, 0, 0, 0.5);
 }
+/* media query for large screen */
+@media (min-width: 801px) {
+  #inventory-content .item-list{
+    max-width:50%;
+  }
+}
 </style>