Style inline buttons for better appearance

[lmno.games] / style.css

diff --git a/style.css b/style.css
index 2fca6300d6f0ef913358b52ef3e883eaf18f8138..98bc907264df78738e3a259c9cc6d301b085f2be 100644 (file)
--- a/style.css
+++ b/style.css
@@ -124,10 +124,10 @@ body {
     padding-right: 1em;
 }
 
-@media screen and (min-width: 620px) and (max-width: 820px) {
+@media screen and (min-width: 720px) and (max-width: 820px) {
     #page {
-        padding-left: calc(1em + (100% - 820px)/2);
-        padding-right: calc(1em + (100% - 820px)/2);
+        padding-left: calc(1em + (100% - 720px)/2);
+        padding-right: calc(1em + (100% - 720px)/2);
     }
 }
 
@@ -254,6 +254,13 @@ button {
     padding-top: 0.25em;
     padding-bottom: 0.25em;
     width: 200px;
+    cursor: pointer;
+}
+
+button.inline {
+    font-size: 72%;
+    font-weight: bold;
+    width: auto;
 }
 
 button:hover {