From cbb867e985665ec44312bdc8d7c90b1ec575b19d Mon Sep 17 00:00:00 2001
From: Sebastian Lay <mail@sebastian-lay.de>
Date: Mon, 2 Aug 2021 19:57:38 +0200
Subject: [PATCH] Improved mobile view

---
 css/style.css | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/css/style.css b/css/style.css
index 348e7d1..3334398 100644
--- a/css/style.css
+++ b/css/style.css
@@ -99,7 +99,7 @@ html {
 
 body {
   padding: 50px 75px;
-  min-width: 370px;
+  min-width: 360px;
   background: #ccc;
   text-align: left;
   overflow-y: scroll;
@@ -153,10 +153,6 @@ aside > section {
   margin-bottom: 10px;
 }
 
-select {
-  padding: 3px 10px;
-}
-
 label {
   margin-right: 10px;
   line-height: 36px;
@@ -227,7 +223,7 @@ li img {
 }
 
 li p {
-  margin: 20px;
+  margin: 20px 10px;
   font-size: 16px;
 }
 
@@ -284,7 +280,7 @@ p span:first-child {
 }
 
 p span a {
-  margin-right: 20px;
+  margin-right: 15px;
 }
 
 p span a:last-child {
@@ -300,15 +296,15 @@ p span a:last-child {
 @media (max-width: 1000px) {
 
   body {
-    padding: 50px;
+    padding: 30px;
   }
   
   }
 
-@media (max-width: 700px) {
+@media (max-width: 670px) {
 
 body {
-  padding: 30px 10px;
+  padding: 30px 10px 0 10px;
 }
 
 header {
@@ -317,7 +313,15 @@ header {
 }
 
 h1 {
-  font-size: 40px;
+  font-size: 36px;
+}
+
+li {
+  margin: 120px 0 10px 0;
+}
+
+li.left {
+  margin: 10px 0;
 }
 
 aside > section {