Styling (#333)

- Add margins to page - Limit page width to 50em - Replace overflowing <h1> contents with … - Use sans-serif font
ordinals · Aug 17, 2022 · 0f39053 · 0f39053
1 parent ad9711b
commit 0f39053
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/static/index.css b/static/index.css
@@ -1,3 +1,23 @@
+html {
+  font-family: sans-serif;
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+
+body {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 100%;
+  width: 50rem;
+}
+
+h1 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+}
+
 .common, .uncommon, .rare, .epic, .legendary, .mythic {
   border-radius: 0.25rem;
   padding: 0.125rem 0.25rem 0.125rem 0.25rem;