From ee1a175c5c7b354a4ced3ea9810d14b8ab72ed98 Mon Sep 17 00:00:00 2001
From: diemarfe64635 <diemarfe64635@th-nuernberg.de>
Date: Wed, 10 Jun 2020 02:33:14 +0200
Subject: [PATCH] rezept line adaption

---
 app/styles/app.css        | 29 ++++++++++++++++++++++++++++-
 app/templates/rezepte.hbs |  6 +++---
 2 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/app/styles/app.css b/app/styles/app.css
index 8f991ed..bfa847f 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -180,6 +180,21 @@ p {
   flex-direction: row;
 }
 
+.resultsRezept {
+  display: flex;
+  
+  flex-direction: row;
+  width: 100%;
+}
+
+.resultsRezept li {
+  list-style: none;
+  padding: 10px 15px;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
+}
+
 .results li {
   list-style: none;
   padding: 10px 15px;
@@ -338,9 +353,12 @@ p {
   flex-basis: 50%;
   font-weight: 300;
   font-style: italic;
-  white-space: pre-wrap ;
+  white-space: pre-wrap;
   text-align: center;
+  flex: auto;
+  list-style-type: none;
 }
+
 .rezept .detail h3 h4{
   text-align: center;
 }
@@ -680,6 +698,15 @@ p {
   justify-content: space-between;
   flex-wrap: wrap;
   align-content: space-around;
+  text-align: center;
+  align-items: center;
+}
+
+.kategorie.resultsRezept 
+{
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
 }
 
 .kategorie h3 {
diff --git a/app/templates/rezepte.hbs b/app/templates/rezepte.hbs
index 767b224..1ea1cd5 100644
--- a/app/templates/rezepte.hbs
+++ b/app/templates/rezepte.hbs
@@ -4,12 +4,12 @@
   <LinkTo @route="rezepte" class="button">Rezepte bearbeiten</LinkTo>
 </Jumbo>
 
-<Kategorie @titel={{"Pasta"}}>
+<Kategorie  @titel={{"Pasta"}}>
   <div class="rentals">
-    <ul class="results">
+    <ul class="resultsRezept">
       {{#each @model as |rezept|}}
         {{#if (compare rezept.kategorie '===' 'Pasta')}}
-          <li><Rezept class="detail" @rezept={{rezept}} /></li>
+          <li><Rezept @rezept={{rezept}} /></li>
         {{/if}}
       {{/each}}
     </ul>