From d96d2887c6cee9de5773a50c477a4cc62b122c10 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Tue, 2 Mar 2021 14:40:43 +0100
Subject: [PATCH] Hipster: Push the company logo to top right edge

---
 resources/views/pdf-designs/hipster.html | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/resources/views/pdf-designs/hipster.html b/resources/views/pdf-designs/hipster.html
index 1fe04a9b37ac..0c61a239bc49 100644
--- a/resources/views/pdf-designs/hipster.html
+++ b/resources/views/pdf-designs/hipster.html
@@ -65,8 +65,13 @@
         margin-top: 0.8rem;
     }
 
+    .header-right-side-wrapper-right {
+        display: flex;
+    }
+
     .header-wrapper .company-logo {
         height: 5rem;
+        margin-left: auto;
     }
 
     .entity-label {
@@ -199,16 +204,18 @@
         </div>
 
         <div class="header-right-side-wrapper">
-            <div>
+            <div class="header-right-side-wrapper-left">
                 <p class="header-text-label">$to_label:</p>
                 <div id="client-details"></div>
             </div>
 
-            <img
-                class="company-logo"
-                src="$company.logo"
-                alt="$company.name logo"
-            />
+            <div class="header-right-side-wrapper-right">
+                <img
+                    class="company-logo"
+                    src="$company.logo"
+                    alt="$company.name logo"
+                />
+            </div>
         </div>
     </div>