rezept line adaption

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;
@@ -340,7 +355,10 @@ p {
   font-style: italic;
   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 {

app/templates/rezepte.hbs

@@ -6,10 +6,10 @@
 
 <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>