From 47baea86f7921677b162083afde8b9bb55351696 Mon Sep 17 00:00:00 2001
From: Andrew <andreasohaodha@proton.me>
Date: Tue, 11 Jul 2023 21:19:28 +0100
Subject: [PATCH] fix some of the stretched images in StationSidebar

---
 src/components/StationSidebar.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/StationSidebar.vue b/src/components/StationSidebar.vue
index 771b603..94a0e7d 100644
--- a/src/components/StationSidebar.vue
+++ b/src/components/StationSidebar.vue
@@ -70,6 +70,7 @@ export default {
 }
 
 .headerImage{
+  object-fit: contain;
   height: 100%;
   width: 100%;
   padding: 10px;
@@ -98,6 +99,7 @@ export default {
 }
 
 #typeIcon, #positionIcon, #descriptionIcon{
+  object-fit: contain;
   background-color: rgb(214, 214, 214);
   width:20%;
   height: 100%;
@@ -108,6 +110,7 @@ export default {
 }
 
 #positionImage, #descriptionImage{
+  object-fit: contain;
   padding-top: 2px; 
   padding-bottom: 2px;
 }
@@ -132,12 +135,14 @@ export default {
 
 @media screen and (max-width: 850px) {
   .headerImage{
+  object-fit: contain;
   height: 100%;
   width: 100%;
   padding: 10px;
   }
 
   #typeImage{
+  bject-fit: contain;
   width: 50%;
   }