Fix img style in search result

annaojdowska · Dec 1, 2018 · a28e9e5 · a28e9e5
1 parent 4876971
commit a28e9e5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/...ub-client/src/app/search-result-single-project/search-result-single-project.component.css b/...ub-client/src/app/search-result-single-project/search-result-single-project.component.css
@@ -1,6 +1,5 @@
 .project_image {
     max-width: 8vw;
-    max-height: 15vh;
     float: left;
     margin-right: 1vw;
 }
@@ -54,4 +53,12 @@ h3 {
 #publication-state {
     font-style: italic;
     color: var(--color-gray);
+}
+
+.img-wrapper {
+    width: 8vw;
+    display: block;
+    max-height: 15vw;
+    float: left;
+    margin-right: 1vw;
 }
diff --git a/...b-client/src/app/search-result-single-project/search-result-single-project.component.html b/...b-client/src/app/search-result-single-project/search-result-single-project.component.html
@@ -4,7 +4,9 @@
     class="options" [projectId]="project.id"></app-search-result-single-project-options>
   <div id="inner_content" (click)="navigateToDetails()">
     <div *ngIf="!showDefault; else noImageFound">
-      <img class="project_image" *ngIf="mainPhoto" [src]="mainPhoto">
+      <div class"img-wrapper">
+          <img class="project_image" *ngIf="mainPhoto" [src]="mainPhoto">
+      </div>
     </div>
     <div id="project_image_container">
       <ng-template #noImageFound>