diff --git a/src/snek/static/base.css b/src/snek/static/base.css index 363e4f1c..263f1eb9 100644 --- a/src/snek/static/base.css +++ b/src/snek/static/base.css @@ -4,6 +4,7 @@ box-sizing: border-box; } + body { font-family: Arial, sans-serif; background-color: #1a1a1a; @@ -12,6 +13,10 @@ body { display: flex; flex-direction: column; height: 100vh; + min-width: 100%; +} +main { + min-width: 100%; } header { diff --git a/src/snek/static/style.css b/src/snek/static/style.css index 990fcf96..008a3eea 100644 --- a/src/snek/static/style.css +++ b/src/snek/static/style.css @@ -1,3 +1,27 @@ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + } + +.center { + padding: 30px; + + text-align: center; + margin: auto auto; + left: 25%; + position: absolute; + } + + @media screen and (max-width: 500px) { + .center { + width: 100%; + left: 0px; + } + + } + h1 { font-size: 2em; color: #f05a28; diff --git a/src/snek/templates/base.html b/src/snek/templates/base.html index 9f57467f..86378671 100644 --- a/src/snek/templates/base.html +++ b/src/snek/templates/base.html @@ -18,11 +18,6 @@
- {% block main %} {% endblock %}
diff --git a/src/snek/templates/login.html b/src/snek/templates/login.html index c70d429f..2fe1a730 100644 --- a/src/snek/templates/login.html +++ b/src/snek/templates/login.html @@ -1,5 +1,7 @@ {% extends "base.html" %} {% block main %} - + + + {% endblock %} diff --git a/src/snek/templates/register.html b/src/snek/templates/register.html index f0a82e0e..3668f137 100644 --- a/src/snek/templates/register.html +++ b/src/snek/templates/register.html @@ -1,5 +1,5 @@ {% extends "base.html" %} {% block main %} - + {% endblock %} \ No newline at end of file