Make it useable on smaller screens

diff --git a/quotes/static/quotes/style.css b/quotes/static/quotes/style.css
index e49678241fcccf381491fd186e3b291c28bcbfae..efd85c9c2cd5c5fe1bc4f1d8a280ca7bdfdf4b71 100644 (file)
--- a/quotes/static/quotes/style.css
+++ b/quotes/static/quotes/style.css
@@ -15,7 +15,8 @@ a:hover {
     border: 7px solid darkorange;
     border-radius: 15px;
     padding: 1.5em 2em;
-    margin: 2em 30em;
+    margin: 2em auto;
+    max-width: 500px;
 }
 
 .quote .author {

diff --git a/quotes/tests.py b/quotes/test_quotes.py
similarity index 100%
rename from quotes/tests.py
rename to quotes/test_quotes.py