From f297548a3a0a1f0a322bf962cba8e12cd01e4145 Mon Sep 17 00:00:00 2001
From: Julie Lenaerts <julielenaerts@gmail.com>
Date: Wed, 15 Jun 2022 15:46:24 +0200
Subject: [PATCH] adjust styling of address + button

---
 .../vuejs/Address/components/ShowPane.vue     | 26 ++++++++++++++-----
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ShowPane.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ShowPane.vue
index 68e673ccc..9a1d5cdb3 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ShowPane.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ShowPane.vue
@@ -37,14 +37,20 @@
          </div>
       </div>
 
+      <div class="mb-3 row">
+         <div class="col-sm-4"></div>
+         <div class="address-container col-sm-8">
+            <address-render-box :address="address" :isMultiline="false" :useDatePane="useDatePane"></address-render-box>
+         </div>
+      </div>
+
       <div v-else-if="this.context.target.name === 'household' || this.context.edit">
          <action-buttons
             :options="this.options"
-            :defaultz="this.defaultz"
-            class="add-address-btn">
+            :defaultz="this.defaultz">
             <template v-slot:action>
                <button @click.prevent="$emit('openEditPane')"
-                  class="btn" :class="getClassButton"
+                  class="btn btn-sm" :class="getClassButton"
                   type="button" name="button" :title="$t(getTextButton)">
                   <span v-if="displayTextButton">{{ $t(getTextButton) }}</span>
                </button>
@@ -52,7 +58,6 @@
          </action-buttons>
       </div>
 
-      <address-render-box :address="address" :useDatePane="useDatePane"></address-render-box>
    </div>
 
    <div v-if="onlyButton">
@@ -140,7 +145,15 @@ export default {
 </script>
 
 <style lang="scss">
-
+.address-container {
+   display:flex;
+   justify-content:flex-end;
+   // padding-right: 1rem;
+   border-radius: 5px;
+   border: 1px dotted;
+   border-left: 1px dotted;
+   border-right: 1px dotted;
+}
 .no-address-yet {
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
@@ -150,7 +163,8 @@ export default {
       margin-bottom:2rem;
    }
    .add-address-btn {
-      display: block
+      // display: block
    }
+
 }
 </style>