From 424f5c41722bd1e132ede9c77921248d747856d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Thu, 16 Mar 2023 15:49:13 +0100
Subject: [PATCH] Refine style of contribution (post) form hint text for group
 post

---
 .../ContributionForm/ContributionForm.vue     | 31 ++++++++-----------
 1 file changed, 13 insertions(+), 18 deletions(-)

diff --git a/webapp/components/ContributionForm/ContributionForm.vue b/webapp/components/ContributionForm/ContributionForm.vue
index 6114106dc..3bc648cba 100644
--- a/webapp/components/ContributionForm/ContributionForm.vue
+++ b/webapp/components/ContributionForm/ContributionForm.vue
@@ -65,11 +65,10 @@
           <base-icon v-if="errors && errors.categoryIds" name="warning" />
         </ds-chip>
         <ds-flex class="buttons-footer" gutter="xxx-small">
-          <ds-flex-item width="3.5">
+          <ds-flex-item width="3.5" style="margin-right: 16px; margin-bottom: 6px">
             <!-- eslint-disable vue/no-v-text-v-html-on-component -->
             <ds-text
               v-if="groupId"
-              class="info-text"
               v-html="$t('contribution.visibleOnlyForMembersOfGroup', { name: groupName })"
             />
             <!-- eslint-enable vue/no-v-text-v-html-on-component -->
@@ -314,8 +313,8 @@ export default {
     margin-top: $space-base;
 
     > .action-buttons-group {
-      margin-left: auto; 
-      display: flex; 
+      margin-left: auto;
+      display: flex;
       justify-content: flex-end;
 
       > button {
@@ -325,6 +324,15 @@ export default {
     }
   }
 
+  .blur-toggle {
+    text-align: right;
+    margin-bottom: $space-base;
+
+    > .link {
+      display: block;
+    }
+  }
+
   @media screen and (max-width: 656px) {
     > .buttons-footer {
       flex-direction: column;
@@ -342,25 +350,12 @@ export default {
     > .buttons-footer {
       > .action-buttons-group {
         flex-direction: column;
+
         > button {
           margin-bottom: 5px;
         }
       }
     }
   }
-
-  .blur-toggle {
-    text-align: right;
-    margin-bottom: $space-base;
-
-    > .link {
-      display: block;
-    }
-  }
-
-  .info-text {
-    display: inline;
-    vertical-align: middle;
-  }
 }
 </style>