Merge pull request #14 from Ghalia98/styleUpdate

Style update
Ghalia98 · Feb 17, 2022 · c3d2049 · c3d2049
2 parents ae1d216 + 06ffdb0
commit c3d2049
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 23 deletions.
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -49,18 +49,18 @@ h1 {
 }
 
 .recipe-picture {
-  width: 600px;
-  margin-bottom: 20px;
+    width: 600px;
+    margin-bottom: 20px;
 }
 
-.recipe-card {
-  margin: 20px 200px 0px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  border: 1px dashed black;
-  padding-bottom: 20px;
-}
+.recipe-card{
+    margin: 20px 200px 0px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    border: 1px dashed black;
+    padding-bottom: 20px;
+} 
 
 .recipe-card h1,
 .recipe-card h3 {
@@ -135,12 +135,12 @@ input.search-input-field {
   text-align: center;
 }
 
-.recipes-collection-div {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 25px 0px;
-  border-radius: 5px;
-  justify-content: center;
+.recipes-collection-div{
+    display: flex;
+    flex-wrap: wrap;
+    padding: 25px 0px;
+    border-radius: 5px;
+    justify-content: center;
 }
 
 .recipe-info-box p {
@@ -300,11 +300,11 @@ input.search-input-field {
   color: white;
 }
 
-.profile-img {
-  width: 150px;
-  height: 150px;
-  object-fit: cover;
-  border-radius: 50%;
+.profile-img{
+    width: 150px;
+    height: 150px;
+    object-fit: cover;
+    border-radius: 50%;
 }
 
 .profile-body {

diff --git a/views/recipe/detail.hbs b/views/recipe/detail.hbs
@@ -1,11 +1,12 @@
 {{#with recipe}}
-
     <div class="recipe-card">
         <h1 class="recipe-name">{{name}}</h1>
         {{#if tags}}
+
+        //working point from here
         <h3>Tags: <span class="badge badge-pill badge-danger">{{tags}}</span></h3>
         {{/if}}
-        <span class="badge badge-primary">{{tags}}</span>
+
         <img src="{{url}}" alt="Image of {{name}}" class="recipe-picture img-fluid">
         {{#if source}}
         <h3>Source: </h3><a href="{{source}}" target="_blank">{{source}}</a>