From 92bed77a97e8acf686492d7c6052bbb2448aaad5 Mon Sep 17 00:00:00 2001
From: mrfry <mr.fry@tutanota.com>
Date: Fri, 7 May 2021 13:00:15 +0200
Subject: [PATCH] Even more mobile css fixes

---
 src/components/feedbackArea.module.css |  1 -
 src/components/newsEntry.module.css    |  2 +-
 src/defaultStyles.css                  |  1 +
 src/pages/contact.module.css           |  2 --
 src/pages/contribute.js                |  5 +----
 src/pages/contribute.module.css        | 13 +++++++++----
 6 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/feedbackArea.module.css b/src/components/feedbackArea.module.css
index 02fd1c3..12374eb 100644
--- a/src/components/feedbackArea.module.css
+++ b/src/components/feedbackArea.module.css
@@ -19,6 +19,5 @@
 }
 
 .fileContainer {
-  width: 400px;
   margin: 5px;
 }
diff --git a/src/components/newsEntry.module.css b/src/components/newsEntry.module.css
index 25f61b4..4c33702 100644
--- a/src/components/newsEntry.module.css
+++ b/src/components/newsEntry.module.css
@@ -90,6 +90,6 @@
 @media screen and (max-width: 700px) {
   .newsRoot {
     margin: 5px 0px;
-    padding: 2px;
+    padding: 10px 2px;
   }
 }
diff --git a/src/defaultStyles.css b/src/defaultStyles.css
index f15dc86..ef9ee94 100644
--- a/src/defaultStyles.css
+++ b/src/defaultStyles.css
@@ -405,6 +405,7 @@ input:focus {
 
 @media screen and (max-width: 700px) {
   .buttonContainer > * {
+    padding: 5px 0px;
     width: 100%;
   }
 }
diff --git a/src/pages/contact.module.css b/src/pages/contact.module.css
index 3a23637..e59d82a 100644
--- a/src/pages/contact.module.css
+++ b/src/pages/contact.module.css
@@ -34,8 +34,6 @@
   align-items: center;
   text-align: center;
   padding-top: 8px;
-  padding-right: 100px;
-  padding-left: 100px;
 }
 
 .text > div:nth-child(1) {
diff --git a/src/pages/contribute.js b/src/pages/contribute.js
index a478b40..2147a58 100644
--- a/src/pages/contribute.js
+++ b/src/pages/contribute.js
@@ -78,10 +78,7 @@ export default function contribute() {
             })}
           </div>
         </div>
-        <img
-          style={{ maxWidth: '100%', width: '320px' }}
-          src={`${constants.siteUrl}img/bug.png`}
-        />
+        <img src={`${constants.siteUrl}img/bug.png`} />
       </div>
       <hr />
       {showFeedback && (
diff --git a/src/pages/contribute.module.css b/src/pages/contribute.module.css
index 00e78fe..99f0cb8 100644
--- a/src/pages/contribute.module.css
+++ b/src/pages/contribute.module.css
@@ -16,12 +16,17 @@
   justify-content: space-around;
 }
 
+@media screen and (max-width: 700px) {
+  .gitRepos {
+    flex-direction: column;
+  }
+}
+
 .gitRepos a {
   margin: 0px 5px;
 }
 
-.imgContainer {
-  float: right;
-  text-align: right;
-  padding-right: 50px;
+.gitRepos img {
+  width: 400px;
+  max-width: 90%;
 }