From 7eb0712eff78c0fcde17e644e9a8863803b5472b Mon Sep 17 00:00:00 2001
From: Jacob <gatelyjm@clarkson.edu>
Date: Thu, 5 Dec 2019 05:02:23 -0500
Subject: Updated recipe card component with new code. Essentially makes recipe
 card component the new main page. Left main page component in so that the
 original code is there, as well as the general outline for the other pages.
 Recipes still need to be loaded in from the backend, as they are currently
 pre-loaded. Also needs to be connected so the add, shopping cart, edit, and
 delete commands perform the correct tasks.

---
 .../src/app/recipe-card/recipe-card.component.css  | 46 ++++++++++++++++++++++
 1 file changed, 46 insertions(+)

(limited to 'recipeBuddy/src/app/recipe-card/recipe-card.component.css')

diff --git a/recipeBuddy/src/app/recipe-card/recipe-card.component.css b/recipeBuddy/src/app/recipe-card/recipe-card.component.css
index 04b9bd1..d52f971 100644
--- a/recipeBuddy/src/app/recipe-card/recipe-card.component.css
+++ b/recipeBuddy/src/app/recipe-card/recipe-card.component.css
@@ -1,5 +1,37 @@
+p {
+  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+}
+h1 {
+  text-align: center;
+  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+}
+h2 
+{
+font-family:'Times New Roman', Times, serif;
+}
+button{
+  background-color: #D87620;
+  color: white;
+  padding : 15px 25px;
+  cursor: pointer;
+}
+#container{
+  width:100%;
+  }
+#left{
+  float:left;width:100px;
+  }
+#right{
+  float:right;width:175px;
+  }
+#center{
+  margin:0 auto;width:100px;
+  }
 .example-card {
   max-width: 400px;
+  float: left;
+  width:25%;
+  padding: 0px 35px;
 }
 .example-header-image {
   background-image: url('https://material.angular.io/assets/img/examples/shiba1.jpg');
@@ -27,9 +59,23 @@
 #edit {
   padding: 10px;
 }
+.edit:hover{
+  border:solid;
+}
 #cart {
   padding: 10px;
 }
 #delete {
   padding: 10px;
 }
+#previous {
+  float:left;
+}
+.example-card:hover {
+  border: solid;
+}
+#card-title {
+  font-weight: bold;
+  cursor: pointer;
+  padding: 10px;
+}
\ No newline at end of file
-- 
cgit v1.1