From f67b4b0a623ccd6776f47f0fe81321c4f3cf5f89 Mon Sep 17 00:00:00 2001
From: krmax44 <hi@krmax44.de>
Date: Wed, 16 Mar 2022 11:44:27 +0100
Subject: [PATCH] update plan og image

---
 .../templates/froide_govplan/plan_og.html     | 46 ++++++++-----------
 1 file changed, 19 insertions(+), 27 deletions(-)

diff --git a/froide_govplan/templates/froide_govplan/plan_og.html b/froide_govplan/templates/froide_govplan/plan_og.html
index b55f7a9..27fe1e8 100644
--- a/froide_govplan/templates/froide_govplan/plan_og.html
+++ b/froide_govplan/templates/froide_govplan/plan_og.html
@@ -6,39 +6,33 @@
 
 {% block extra_style %}
 <style>
-.og-container-image {
-  background-image: url('https://media.frag-den-staat.de/files/media/thumbnails/d5/0b/d50be174-0cd1-4a35-97e4-2d7747db8404/temp-lineart.jpg__1920x0_q85_subsampling-2.jpg');
+body {
+  background-image: url('https://media.frag-den-staat.de/files/media/main/d5/0b/d50be174-0cd1-4a35-97e4-2d7747db8404/temp-lineart.jpg');
+  background-size: cover;
+  background-position: center;
 }
 </style>
 {% endblock %}
 
 {% block body %}
-<div class="og-container d-flex flex-column">
-  <div class="px-5 pt-5 hero-image og-container-image" style="min-height: 40vh;">
-    <div class="row">
-      <img class="img-fluid col-md-6 col-lg-4 my-5 mx-auto d-block cms-plugin cms-plugin-116103" src="https://media.frag-den-staat.de/files/media/main/98/91/98919aa3-9200-4f99-a7c7-de25cda8675a/logo-koalitionstracker-w.svg" alt="Koalitionstracker">
-    </div>
+<div class="og-container d-flex flex-column min-h-screen">
+  <div class="p-5">
+    <img class="img-fluid" src="https://media.frag-den-staat.de/files/media/main/98/91/98919aa3-9200-4f99-a7c7-de25cda8675a/logo-koalitionstracker-w.svg" alt="Koalitionstracker">
   </div>
   <div class="d-flex flex-column flex-grow-1">
-    <div class="px-5 pb-5 pt-3">
-      <div class="row">
-        <div class="col-12">
-          <h3>
-            {{ object.title|truncatechars:120 }}
-          </h3>
-        </div>
-      </div>
+    <div class="p-5 d-flex align-items-center flex-1 h-100">
+      <h3>
+        {{ object.title|truncatechars:120 }}
+      </h3>
     </div>
     <div class="pb-5 px-5 mt-auto">
-      <div class="row justify-content-between">
+      <div class="row justify-content-between align-items-center">
         <div class="col-4">
-          <div class="media">
-            <span class="fa fa-info-circle mr-3"></span>
-            <div class="media-body">
-              <h2 class="mt-0">
-                {{ object.get_status_display }}
-              </h2>
-            </div>
+          <div class="badge badge-{{ object.get_status_css }} p-3">
+            <i class="fa fa-circle mr-3"></i>
+            <span class="h2 m-0">
+              {{ object.get_status_display }}
+            </span>
           </div>
         </div>
         <div class="col-4">
@@ -46,7 +40,7 @@
             <div class="media {% if object.is_overdue %}text-danger{% endif %}">
               <span class="fa fa-calendar mr-3"></span>
               <div class="media-body">
-                <h2 class="mt-0">
+                <h2 class="m-0">
                   {{ object.due_date | date }}
                 </h2>
               </div>
@@ -54,9 +48,7 @@
           {% endif %}
         </div>
         <div class="col-auto ml-auto">
-          <div class="mt-n4">
-            <img height="80" src="https://static.frag-den-staat.de/static/img/header_logo.580ed694906e.svg" alt="FragDenStaat.de"/>
-          </div>
+          <img height="80" src="https://static.frag-den-staat.de/static/img/header_logo.580ed694906e.svg" alt="FragDenStaat.de"/>
         </div>
       </div>
     </div>