News title css fixes

src/components/composer.js

@@ -11,7 +11,7 @@ export default function Composer({ onSubmit }) {
 
   return (
     <>
-      <center>
+      <div className={'buttonContainer'}>
         <div
           onClick={() => {
             setEditorShowing(true)
@@ -20,7 +20,7 @@ export default function Composer({ onSubmit }) {
         >
           Bejegyzés írása...
         </div>
-      </center>
+      </div>
       {editorShowing && (
         <Modal
           closeClick={() => {

src/components/newsEntry.module.css

@@ -5,6 +5,12 @@
   text-align: justify;
 }
 
+@media screen and (max-width: 700px) {
+  .newsTitle {
+    text-align: center;
+  }
+}
+
 .newsTitle {
   font-size: 25px;
   color: var(--text-color);
@@ -80,3 +86,10 @@
   margin-top: 16px;
   padding: 10px;
 }
+
+@media screen and (max-width: 700px) {
+  .newsRoot {
+    margin: 5px 0px;
+    padding: 2px;
+  }
+}

src/defaultStyles.css

@@ -124,6 +124,7 @@ input:focus {
   }
 
   div.content {
+    padding: 0px;
     margin-left: 0;
   }
 }