Even more mobile css fixes

src/components/feedbackArea.module.css

@@ -19,6 +19,5 @@
 }
 
 .fileContainer {
-  width: 400px;
   margin: 5px;
 }

src/components/newsEntry.module.css

@@ -90,6 +90,6 @@
 @media screen and (max-width: 700px) {
   .newsRoot {
     margin: 5px 0px;
-    padding: 2px;
+    padding: 10px 2px;
   }
 }

src/defaultStyles.css

@@ -405,6 +405,7 @@ input:focus {
 
 @media screen and (max-width: 700px) {
   .buttonContainer > * {
+    padding: 5px 0px;
     width: 100%;
   }
 }

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) {

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 && (

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%;
 }