Merge branch 'jonathan' into 'master'

Jonathan

See merge request !50

src/components/LoginForm.jsx

@@ -23,7 +23,7 @@ export default function LoginForm(props) {
   const handleGoogleLoginFailed = () => {};
 
   return (
-    <div className="loginFormContainer">
+    <div className="loginFormComponentContainer">
       <h1>
         <b>Login to discuss anything on Diskuy</b>
       </h1>

src/components/thread/Thread.jsx

@@ -112,7 +112,7 @@ export default function Thread(props) {
         <div className="addCommentSection">
           <h3>Write a Comment</h3>
           <form onSubmit={handleSubmit}>
-            <div className="commentformComponentContainer">
+            <div className="commentFormContainer">
               <textarea
                 className="commentBox"
                 placeholder="Write your comment here"

src/styles/LoginForm.css

-.loginformComponentContainer {
+.loginFormComponentContainer {
     margin-top: 36px;
     margin-left: 72px;
     margin-right: 72px;
@@ -11,20 +11,20 @@
     margin-bottom: 72px;
 }
 
-.loginformComponentContainer h1{
+.loginFormComponentContainer h1{
     margin-bottom: 40px;
     text-align: center;
 }
 
 @media only screen and (min-device-width : 320px) and (max-device-width : 540px) {
-    .loginformComponentContainer {
+    .loginFormComponentContainer {
         margin-top: 24px;
         margin-left: 36px;
         margin-right: 36px;
         margin-bottom: 184px;
     }
 
-    .loginformComponentContainer h1{
+    .loginFormComponentContainer h1{
         font-size: 28px;
         text-align: center;
     }

src/styles/thread/Thread.css

@@ -64,7 +64,7 @@
     margin-bottom: 0px;
 }
 
-.commentformComponentContainer {
+.commentFormContainer {
     display: flex;
     flex-direction: column;
 }