friday night check

README.md

@@ -29,6 +29,7 @@ I plan to add a few features and then deploy the site, those include:
 - Enabling the direct upload of photos instead of just linking to already hosted files
 - Add PATCH route for user and a view to see or edit or delete the user.
 - Fix the error handling of the login/signup forms
-- Possibly allow the Admin to be able to delete comments from any user
+- Allow the Admin to be able to delete comments from any user
 - Dark Mode or just a darker theme
-- Integrate Formik validation with EmailJS
+- Integrate Formik validation with EmailJS
+- Comments on posts as well as paintings

client/src/components/EventDetail.js

@@ -26,7 +26,7 @@ function EventDetail({user, isAdmin}){
 
     return (
         <div className="ui container">
-        <div style={{width: "75%", margin: "auto"}} className="ui card">
+        <div style={{width: "70%", margin: "auto"}} className="ui card">
             <div className="image">
                 <img className="ui huge image" src={event.image_url} alt={event.name}></img>
             </div>

client/src/components/Footer.js

@@ -6,7 +6,7 @@ export default function Footer () {
             <div>
                 <p>
                     <span className="ui small text">
-                        ©Yasmin Mostoller 2024 --- Created by David Mostoller
+                        ©Yasmin Mostoller 2024
                     </span>
                 </p>
 

client/src/components/PaintingDetail.js

@@ -26,7 +26,7 @@ function PaintingDetail({user, isAdmin}){
     }    
     return (
         <div className="ui container">
-            <div className="ui container" style={{width:"90%"}}>
+            <div className="ui container" style={{width:"80%"}}>
                 <div>
                     <div className="image">
                         <img src={painting.image} alt={painting.title} style={{width:"100%", margin:"auto", borderRadius:"5px"}}></img>
@@ -59,7 +59,7 @@ function PaintingDetail({user, isAdmin}){
                 </div> 
             </div>
 
-            <div style={{width:"90%"}} className="ui container">
+            <div style={{width:"80%"}} className="ui container">
                     <h3 style={{paddingTop: "15px"}}className="ui dividing header">Comments</h3>  
                     <div><CommentsList user={user} painting_id={painting.id}/></div>          
             </div>

client/src/components/PostDetail.js

@@ -26,9 +26,9 @@ function PostDetail({user, isAdmin}){
     }    
     return (
         <div className="ui container">
-        <div style={{width: "75%", margin: "auto"}} className="ui card">
+        <div style={{width: "50%", margin: "auto"}} className="ui card">
             <div className="image">
-                <img className="ui huge image" src={post.image_url} alt={post.title}></img>
+                <img src={post.image_url} className="ui medium image"  alt={post.title}></img>
             </div>
             <div className="content">
                 <div className="header">