diff --git a/frontend/src/app/components/result/result.component.html b/frontend/src/app/components/result/result.component.html
index ed31488..bcdb24d 100644
--- a/frontend/src/app/components/result/result.component.html
+++ b/frontend/src/app/components/result/result.component.html
@@ -1,6 +1,6 @@

+ src="https://travopti.de/api/v1/regions/{{result.region_id}}/image">
0">
-
-
Estimated values for your chosen travel dates
+
0" class="searched-params">
+
+
+
Estimated values for your chosen travel dates
-
+
\ No newline at end of file
diff --git a/frontend/src/app/components/result/result.component.scss b/frontend/src/app/components/result/result.component.scss
index 9ac7870..a866674 100644
--- a/frontend/src/app/components/result/result.component.scss
+++ b/frontend/src/app/components/result/result.component.scss
@@ -4,33 +4,33 @@
flex-direction: column;
cursor: pointer;
- > .result-img {
+ >.result-img {
flex: 0 0 auto;
width: 100%;
height: 15rem;
object-fit: cover;
}
- > .result-title {
+ >.result-title {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 0.25rem;
- > .result-header {
+ >.result-header {
flex: 1 1 auto;
display: flex;
flex-direction: row;
margin: 0.25rem 0;
align-items: center;
- > .result-name {
+ >.result-name {
font-weight: bold;
font-size: larger;
margin-right: 0.25rem;
}
- > .result-country {
+ >.result-country {
text-transform: uppercase;
font-size: small;
margin-right: 0.25rem;
@@ -41,26 +41,26 @@
}
}
- > .result-details {
+ >.result-details {
display: flex;
flex-direction: column;
- > .total-accommodation {
+ >.total-accommodation {
margin: 0.5rem 0;
display: flex;
flex-direction: row;
align-items: center;
font-weight: bold;
- > mat-icon {
+ >mat-icon {
margin-right: 0.5rem;
margin-left: 3px;
}
}
- > .searched-params {
+ >.searched-params {
margin: 0.5rem 0
}
@@ -69,10 +69,11 @@
}
.result-desc {
+ color: #b5b9be;
text-transform: uppercase;
font-size: small;
margin-right: 0.25rem;
- margin-bottom: 0.5rem;
+ margin-top: 0.5rem;
overflow-y: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@@ -95,7 +96,7 @@
margin-right: 1rem;
}
- > mat-icon {
+ >mat-icon {
margin-right: 0.5rem;
}
-}
+}
\ No newline at end of file