Layoutanpassungen

www/templates/tab-buys.html

@@ -1,29 +1,32 @@
 <ion-view view-title="Gekaufte Rosen">
- <ion-content class="padding">
+<ion-content class="padding">
 
-       <div style="padding-bottom:15px;">
-      
-		<ul class="list card">	 
-    <div class="item item-divider oleo">Hier können Sie Ihre gekauften Rosen ansehen oder nochmals versenden!</div>
-		  
-            <a class="item item-thumbnail-left item-button-right" href="#" ng-repeat="i in items" ng-model="items">
-			<img src="img/rose1.png">
-			<h1>{{i.name}}</h1>
-			<p>{{i.freitext}} </p>
-                <div class="buttons" style="margin-top:30px;">
-                    <button class="button button-small" >
-                        <i class="icon ion-image"> Vorschau</i>
-                    </button>
-                    <button class="button button-small">
-                        <i class="icon ion-android-share-alt"> Teilen</i>
-                    </button>
-                </div>
-					
-			</a>
-
-			</ul>			
+        <div style="padding-bottom:20px;"></div>
+		<div class="item item-divider oleo">Hier können Sie Ihre gekauften Rosen ansehen oder nochmals versenden!</div>
+				
+		<a href="#" ></a>
+		
+	<ion-card ng-repeat="i in items" ng-model="items">
+		
+		<div class="list card">
+		<div class="item item-avatar"> <img src="img/rose1.png">
+	 	 <h2>{{i.name}}</h2>
 		</div>
 		
+		<div class="item item-body">
+		{{i.freitext}}
+		</div>			
+		
+		<ion-item>
+		<div class="item tabs tabs-secondary tabs-icon-left"> 
+		<a class="tab-item" background-color="#A50505" data-ink-opacity="0.5"> <i class="icon ion-thumbsup"></i> Like </a>
+		<a class="tab-item" data-ink-color="#A50505" data-ink-opacity="0.5"> <i class="icon ion-chatbox"></i> Comment </a>
+		<a class="tab-item" data-ink-color="#A50505" data-ink-opacity="0.5"> <i class="icon ion-share"></i> Teilen </a>
+	    </div>
+		</ion-item>
+		 </div>
+		
+	</ion-card>
 
-  </ion-content>
+</ion-content>
 </ion-view>