From e8b3bdaa343b7ca1b9de5509a5abab9b4ae67075 Mon Sep 17 00:00:00 2001
From: Jannis Portmann <jannis@thisfro.ch>
Date: Thu, 13 May 2021 23:41:52 +0200
Subject: [PATCH] style offer detail view

---
 assets/styles/app.scss        | 13 ++++++++++++-
 templates/app/offer.html.twig |  6 +++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index 5a57bef..28089a6 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -48,4 +48,15 @@ $primary: darken(#005035, 20%);
 
 .user-link:hover {
     color: #000;
-}
\ No newline at end of file
+}
+
+.show-img-container {
+    min-width: 20rem;
+    max-width: 30rem;
+}
+
+@include media-breakpoint-up(sm) {
+    .show-img-container {
+        margin-right: 2rem;
+    }
+  }
\ No newline at end of file
diff --git a/templates/app/offer.html.twig b/templates/app/offer.html.twig
index 0375307..971bc38 100644
--- a/templates/app/offer.html.twig
+++ b/templates/app/offer.html.twig
@@ -7,11 +7,11 @@
 
     <h1 class="mb-3">{{ offer.title }}</h1>
 
-    <div class="offer d-flex flex-wrap justify-content-around">
-        <div class="p-3 img-container">
+    <div class="show-offer-container d-flex flex-wrap">
+        <div class="show-img-container">
             <img class="mb-3 img-fluid rounded" alt="Generic placeholder image" src="{{ asset('uploads/photos/' ~ offer.photofilename) }}">
         </div>
-        <div class="offer-info p-3">
+        <div class="show-offer-info">
           <h3>Description</h3>
           <p>{{ offer.description }}</p>
           <h3>From</h3>