From 407819f5bde7ee9f78f8cc03cb8cdd33e152aef0 Mon Sep 17 00:00:00 2001
From: Taylor Sperry <sperry.taylor@gmail.com>
Date: Tue, 14 May 2019 21:58:26 -0600
Subject: [PATCH] added styling for projects and palettes

---
 .../DisplayPalette/DisplayPalette.css         | 11 ++++++++
 .../DisplayProject/DisplayProject.css         | 25 ++++++++++++++++---
 src/containers/EditProject/EditProject.js     |  4 +--
 3 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/src/components/DisplayPalette/DisplayPalette.css b/src/components/DisplayPalette/DisplayPalette.css
index 97794a6..cae7d25 100644
--- a/src/components/DisplayPalette/DisplayPalette.css
+++ b/src/components/DisplayPalette/DisplayPalette.css
@@ -28,6 +28,17 @@
 
 .palette-name {
   font-size: 1rem;
+  border: none;
+  color: #444
+}
+
+h3 {
+  margin: 0px;
+  padding-top: 5px;
+}
+
+.palette-name:focus {
+  outline: none;
 }
 
 .display-colors {
diff --git a/src/components/DisplayProject/DisplayProject.css b/src/components/DisplayProject/DisplayProject.css
index 19af95e..830ed1b 100644
--- a/src/components/DisplayProject/DisplayProject.css
+++ b/src/components/DisplayProject/DisplayProject.css
@@ -1,6 +1,6 @@
 .project-card {
   width: 40%;
-  margin: 10px;
+  margin: 30px 10px 0px 10px;
   align-items: space-between;
   border-radius: 10px;
   background: #f4f4f4;
@@ -10,16 +10,31 @@
   box-shadow: 0 3px 5px rgba(0,0,0,0.20);
 }
 
+.project-card,
+.edit-project-card {
+  max-width: 500px;
+  min-width: 440px;
+}
+
 .edit-project-card {
   width: 80%;
   margin: auto;
+  margin-top: 30px;
 }
 
 .project-name {
   color: #444;
+  background: #f4f4f4;
+  width: 100%;
+  border: none;
   border-bottom: solid #ddd 2px;
   padding: 0px 0px 10px;
   font-size: 1.5rem;
+  margin-bottom: 30px;
+}
+
+.project-name:focus {
+  outline: none;
 }
 
 .delete-btn-container {
@@ -28,10 +43,10 @@
   padding: 30px 0px 0px;
 }
 
-.delete-project {
+.update-project {
   background: #ea4c88;
   color: #fff;
-  padding: 10px 15px;
+  padding: 10px 0px;
   font-size: 13px;
   font-weight: bold;
   letter-spacing: .02em;
@@ -41,9 +56,11 @@
   border: none;
   text-decoration: none;
   border-radius: 4px;
+  margin-left: 10px;
+  width: 120px;  
 }
 
-.delete-project:hover {
+.update-project:hover {
   background-color: #ea4c88ad;
   transition: all .2s ease;
 }
\ No newline at end of file
diff --git a/src/containers/EditProject/EditProject.js b/src/containers/EditProject/EditProject.js
index 1a19d7e..0d9d9bf 100644
--- a/src/containers/EditProject/EditProject.js
+++ b/src/containers/EditProject/EditProject.js
@@ -82,10 +82,10 @@ render() {
       />
       {this.renderPalettes()}
       <div className='delete-btn-container'>
-        <button className='delete-project' type='submit'>
+        <button className='update-project' type='submit'>
           Save
         </button>
-        <button className='delete-project delete' onClick={() => this.deleteProject(this.props.foundProject.id)}>
+        <button className='update-project delete' onClick={() => this.deleteProject(this.props.foundProject.id)}>
           Delete Project
         </button>
       </div>