From d4e2296fdad2a1c9ccca53bbd54cba10891469ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ivar=20Conradi=20=C3=98sthus?= <ivarconr@gmail.com>
Date: Mon, 18 May 2020 16:05:57 +0200
Subject: [PATCH] fix: tune css a little

---
 .../src/component/feature/form/strategy.scss  |  6 ++++++
 frontend/src/component/styles.scss            | 20 ++++++++-----------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/frontend/src/component/feature/form/strategy.scss b/frontend/src/component/feature/form/strategy.scss
index 3262854405..9193a05ce0 100644
--- a/frontend/src/component/feature/form/strategy.scss
+++ b/frontend/src/component/feature/form/strategy.scss
@@ -17,6 +17,12 @@
     margin-left: 0;
 }
 
+@media (max-width: 1024px) {
+    .item {
+        margin: 2px 0;
+    }
+}
+
 /*
 .item:not(:first-child):after {
     content: " OR ";
diff --git a/frontend/src/component/styles.scss b/frontend/src/component/styles.scss
index 6482ea5f28..95e6e390d0 100644
--- a/frontend/src/component/styles.scss
+++ b/frontend/src/component/styles.scss
@@ -16,27 +16,23 @@
     margin-top: 16px;
     margin-bottom: 16px;
 }
-@media (max-width: 1800px) {
-    .content {
-        width: 66.66%;
-    }
-}
+
 @media (max-width: 1260px) {
     .content {
-        width: 840px;
+        width: 1024px;
     }
 }
-@media (max-width: 920px) {
+@media (max-width: 1024px) {
     .content {
-        width: auto;
-        margin-left: 40px;
-        margin-right: 40px;
+        width: 100%;
     }
 }
 @media (max-width: 600px) {
     .content {
+        width: 100%;
         margin-left: 0;
         margin-right: 0;
+        min-width: 100%;
     }
 }
 
@@ -70,7 +66,7 @@
 }
 
 .navigationLink {
-    padding: 12px 24px !important;
+    padding: 12px 20px !important;
 }
 @media screen and (max-width: 1024px) {
     .navigationLink {
@@ -79,7 +75,7 @@
 }
 
 .navigationIcon {
-    margin-right: 24px;
+    margin-right: 16px;
 }
 
 .iconGitHub {