From 757b67b78c2f396df7ac7b5706f98833aedfb85b Mon Sep 17 00:00:00 2001
From: retoor <retoor@molodetz.nl>
Date: Fri, 24 Jan 2025 14:47:19 +0100
Subject: [PATCH] CSS.

---
 src/snek/static/base.css         |  5 +++++
 src/snek/static/style.css        | 24 ++++++++++++++++++++++++
 src/snek/templates/base.html     |  5 -----
 src/snek/templates/login.html    |  4 +++-
 src/snek/templates/register.html |  2 +-
 5 files changed, 33 insertions(+), 7 deletions(-)

diff --git a/src/snek/static/base.css b/src/snek/static/base.css
index 363e4f1..263f1eb 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 990fcf9..008a3ee 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 9f57467..8637867 100644
--- a/src/snek/templates/base.html
+++ b/src/snek/templates/base.html
@@ -18,11 +18,6 @@
 
     </header>
     <main>
-        <aside class="sidebar">
-        {% block sidebar %}
-        
-        {% endblock %}
-    </aside>
     {% block main %}
     {% endblock %}
 </main>
diff --git a/src/snek/templates/login.html b/src/snek/templates/login.html
index c70d429..2fe1a73 100644
--- a/src/snek/templates/login.html
+++ b/src/snek/templates/login.html
@@ -1,5 +1,7 @@
 {% extends "base.html" %}
 
 {% block main %}
-  <generic-form url="/login-form.json"></generic-form>
+
+   <generic-form class="center" url="/login-form.json"></generic-form>
+
 {% endblock %}
diff --git a/src/snek/templates/register.html b/src/snek/templates/register.html
index f0a82e0..3668f13 100644
--- a/src/snek/templates/register.html
+++ b/src/snek/templates/register.html
@@ -1,5 +1,5 @@
 {% extends "base.html" %}
 
 {% block main %}
-  <generic-form url="/register-form.json"></generic-form>
+  <generic-form class="center" url="/register-form.json"></generic-form>
 {% endblock %}
\ No newline at end of file