From d0ccbb8dd0760494b628367cc44db5738d21d022 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?=
 <40151420+ldericher@users.noreply.github.com>
Date: Mon, 12 Sep 2022 11:12:47 +0000
Subject: [PATCH] responsivity fixes

---
 ui/src/components/THWLogo.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/THWLogo.vue b/ui/src/components/THWLogo.vue
index d6fb70d..2d6a6cd 100644
--- a/ui/src/components/THWLogo.vue
+++ b/ui/src/components/THWLogo.vue
@@ -1,18 +1,18 @@
 <template>
-  <div class="flex-column text-wrap">
-    <div class="d-flex justify-end">
-      <span class="d-none d-sm-flex text-right thw-logo-font above mr-2">
+  <div class="d-flex flex-column text-wrap">
+    <div class="d-flex justify-start justify-md-end">
+      <span class="d-none d-md-flex text-right thw-logo-font above mr-2">
         <slot name="above">Technisches Hilfswerk</slot>
       </span>
       <v-img
-        class="d-flex"
+        class="d-none d-sm-flex"
         max-width="56"
         max-height="56"
         :src="require('../assets/thw.svg')"
       />
     </div>
-    <v-divider class="d-none d-sm-block my-1" />
-    <span class="d-none d-sm-flex thw-logo-font below">
+    <v-divider class="d-none d-md-block my-1" />
+    <span class="d-none d-md-flex thw-logo-font below">
       <slot>OV Musterstadt</slot>
     </span>
   </div>