Card Styles

src/app/busqueda/busqueda.component.css

+
+
+.order-button{
+    float:right;
+    font-size:17px;
+    border-radius: 5px 5px 0px 0px;
+    margin-bottom:5%;
+}
+
+.result-container{
+    text-align: center;
+    font-size:17px;
+    width:92%;
+    padding: 2%;
+    margin: 1% 1% 2% 2%;
+    background-color: #ffffff;
+    box-shadow: 3px 3px 3px grey;
+    border-radius: 10px;
+}
\ No newline at end of file

src/app/busqueda/busqueda.component.html

 <h1>Resultados de búsqueda</h1>
 
-	<button (click)="change()">
+	<button (click)="change()" class="order-button">
 		Ordenar {{ order }}
 	</button>
 
 	<!-- Esta es la card de resultado -->
-	<div *ngFor="let i of results" class="class-thingy">
+	<div *ngFor="let i of results" class="result-container">
 		{{ i }}
 	</div>

src/app/busqueda/busqueda.component.ts

@@ -14,13 +14,13 @@ export class BusquedaComponent implements OnInit {
 
 	ngOnInit(): void {
 		this.results = [
-			"cosa1",
-			"cosa2",
-			"cosa3",
-			"cosa4",
-			"cosa5",
-			"cosa6",
-			"cosa7"
+			"Cosa1",
+			"Cosa2",
+			"Cosa3",
+			"Cosa4",
+			"Cosa5",
+			"Cosa6",
+			"Cosa7"
 		]
 	}
 

src/styles.css

 /* You can add global styles to this file, and also import other style files */
 body {
+	height: 100%;
+	width:100%;
 	margin: 0;
 	padding: 0;
 }
 
 html {
 	font-family: 'Montserrat', sans-serif;
+	background-color: #FFe8e8;
 }