From 84b3ba3e18b79da35ec68fd1d3ce4cb1b9ab235a Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Tue, 20 Dec 2022 15:56:26 +0100
Subject: [PATCH] structur container margin padding clear

---
 .../Contributions/ContributionForm.vue        |   2 +-
 .../Contributions/ContributionList.vue        |   2 +-
 .../src/components/GddTransactionList.vue     |   4 +-
 .../src/components/GdtTransactionList.vue     |   2 +-
 .../src/components/Overview/CommunityNews.vue |   2 +-
 .../Template/ContentHeader/NavCommunity.vue   |   2 +-
 .../src/layouts/templates/ContentHeader.vue   |  28 ++---
 frontend/src/pages/Community.vue              |   2 +-
 frontend/src/pages/InfoStatistic.vue          |  10 +-
 frontend/src/pages/Overview.vue               |   8 +-
 frontend/src/pages/Send.vue                   | 100 +++++++++---------
 frontend/src/pages/Settings.vue               |   2 +-
 frontend/src/pages/Transactions.vue           |   2 +-
 13 files changed, 81 insertions(+), 85 deletions(-)

diff --git a/frontend/src/components/Contributions/ContributionForm.vue b/frontend/src/components/Contributions/ContributionForm.vue
index 5254baadd..a61399c44 100644
--- a/frontend/src/components/Contributions/ContributionForm.vue
+++ b/frontend/src/components/Contributions/ContributionForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="contribution-form container">
+  <div class="contribution-form">
     <!-- <div class="my-3">
       <h3>{{ $t('contribution.formText.yourContribution') }}</h3>
       {{ $t('contribution.formText.bringYourTalentsTo') }}
diff --git a/frontend/src/components/Contributions/ContributionList.vue b/frontend/src/components/Contributions/ContributionList.vue
index 27fa70f48..4674257ea 100644
--- a/frontend/src/components/Contributions/ContributionList.vue
+++ b/frontend/src/components/Contributions/ContributionList.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="contribution-list container">
+  <div class="contribution-list">
     <div class="mb-3" v-for="item in items" :key="item.id">
       <contribution-list-item
         v-bind="item"
diff --git a/frontend/src/components/GddTransactionList.vue b/frontend/src/components/GddTransactionList.vue
index a75256f95..3665c59fe 100644
--- a/frontend/src/components/GddTransactionList.vue
+++ b/frontend/src/components/GddTransactionList.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="gdd-transaction-list container">
-    <div class="list-group mt-5">
+  <div class="gdd-transaction-list">
+    <div class="list-group">
       <div v-if="!transactions" class="test-no-transactionlist text-right">
         <b-icon icon="exclamation-triangle" class="mr-2" variant="danger"></b-icon>
         <small>
diff --git a/frontend/src/components/GdtTransactionList.vue b/frontend/src/components/GdtTransactionList.vue
index 7f7ae6035..3b50707a3 100644
--- a/frontend/src/components/GdtTransactionList.vue
+++ b/frontend/src/components/GdtTransactionList.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="gdt-transaction-list container">
+  <div class="gdt-transaction-list">
     <div class="list-group">
       <div v-if="transactionGdtCount === 0" class="text-center">
         {{ $t('gdt.no-transactions') }}
diff --git a/frontend/src/components/Overview/CommunityNews.vue b/frontend/src/components/Overview/CommunityNews.vue
index c7eabc2ef..fbb79ebf6 100644
--- a/frontend/src/components/Overview/CommunityNews.vue
+++ b/frontend/src/components/Overview/CommunityNews.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="community-news container">
+  <div class="community-news">
     <div v-for="item in News" :key="item.id" class="mb-5">
       <b-card class="bg-white appBoxShadow gradido-border-radius">
         <div class="h2 mb-5">{{ item.text }}</div>
diff --git a/frontend/src/components/Template/ContentHeader/NavCommunity.vue b/frontend/src/components/Template/ContentHeader/NavCommunity.vue
index 5346c13b8..eeca3eca0 100644
--- a/frontend/src/components/Template/ContentHeader/NavCommunity.vue
+++ b/frontend/src/components/Template/ContentHeader/NavCommunity.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="nav-community">
+  <div class="nav-community container">
     <b-row class="nav-row">
       <b-col cols="12" md="4" lg="4" class="mb-2 mb-md-0 mb-lg-0">
         <b-btn active-class="btn-active" variant="link" block to="#edit">
diff --git a/frontend/src/layouts/templates/ContentHeader.vue b/frontend/src/layouts/templates/ContentHeader.vue
index b479726d6..e36cd1f0e 100644
--- a/frontend/src/layouts/templates/ContentHeader.vue
+++ b/frontend/src/layouts/templates/ContentHeader.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <b-container v-if="path === '/overview'">
+    <div v-if="path === '/overview'">
       <b-row>
         <b-col cols="5">
           <div>
@@ -13,10 +13,10 @@
           </div>
         </b-col>
       </b-row>
-    </b-container>
-    <!-- <b-container v-if="path === '/storys'"></b-container>
-    <b-container v-if="path === '/addresses'"></b-container> -->
-    <b-container v-if="path === '/send'">
+    </div>
+    <!-- <div v-if="path === '/storys'"></div>
+    <div v-if="path === '/addresses'"></div> -->
+    <div v-if="path === '/send'">
       <b-row>
         <b-col cols="6">
           <div>
@@ -31,8 +31,8 @@
           </div>
         </b-col>
       </b-row>
-    </b-container>
-    <b-container v-if="path === '/transactions'">
+    </div>
+    <div v-if="path === '/transactions'">
       <b-row>
         <b-col cols="6">
           <div>
@@ -49,8 +49,8 @@
           </div>
         </b-col>
       </b-row>
-    </b-container>
-    <b-container v-if="path === '/gdt'">
+    </div>
+    <div v-if="path === '/gdt'">
       <b-row>
         <b-col cols="6">
           <div>
@@ -67,8 +67,8 @@
           </div>
         </b-col>
       </b-row>
-    </b-container>
-    <!-- <b-container v-if="path === '/profile'">
+    </div>
+    <!-- <div v-if="path === '/profile'">
       <b-row>
         <b-col>
           <div class="p-4 bg-white appBoxShadow gradido-border-radius">
@@ -83,9 +83,9 @@
           </div>
         </b-col>
       </b-row>
-    </b-container> -->
-    <b-container v-if="path === '/community'"><nav-community /></b-container>
-    <b-container v-if="path === '/settings'"></b-container>
+    </div> -->
+    <div v-if="path === '/community'"><nav-community /></div>
+    <div v-if="path === '/settings'"></div>
   </div>
 </template>
 
diff --git a/frontend/src/pages/Community.vue b/frontend/src/pages/Community.vue
index 03fd2e892..eb99de8cd 100644
--- a/frontend/src/pages/Community.vue
+++ b/frontend/src/pages/Community.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="community-page">
     <div>
-      <b-tabs no-nav-style borderless v-model="tabIndex" content-class="mt-3" align="center">
+      <b-tabs no-nav-style borderless v-model="tabIndex" align="center">
         <b-tab no-body>
           <open-creations-amount
             :minimalDate="minimalDate"
diff --git a/frontend/src/pages/InfoStatistic.vue b/frontend/src/pages/InfoStatistic.vue
index ce8f6e534..d5e16952e 100644
--- a/frontend/src/pages/InfoStatistic.vue
+++ b/frontend/src/pages/InfoStatistic.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="info-statistic">
-    <b-container class="bg-white appBoxShadow gradido-border-radius p-4">
+    <b-container class="bg-white appBoxShadow gradido-border-radius p-4 mt--3">
       <div class="h3">{{ $t('community.community') }}</div>
       <div class="h1">{{ CONFIG.COMMUNITY_NAME }}</div>
       <div>
@@ -11,17 +11,17 @@
       </div>
       <hr />
       <div class="h3">{{ $t('community.openContributionLinks') }}</div>
-      <small v-if="count > 0">
+      <div v-if="count > 0">
         {{
           $t('community.openContributionLinkText', {
             name: CONFIG.COMMUNITY_NAME,
             count,
           })
         }}
-      </small>
-      <small v-else>
+      </div>
+      <div v-else>
         {{ $t('community.noOpenContributionLinkText') }}
-      </small>
+      </div>
       <ul>
         <li v-for="item in itemsContributionLinks" v-bind:key="item.id">
           <div>{{ item.name }}</div>
diff --git a/frontend/src/pages/Overview.vue b/frontend/src/pages/Overview.vue
index 1243ead1b..d9f833014 100644
--- a/frontend/src/pages/Overview.vue
+++ b/frontend/src/pages/Overview.vue
@@ -1,8 +1,7 @@
 <template>
   <div>
-    <div>
-      <community-news class="mb-5" />
-      <!-- <gdd-transaction-list
+    <community-news />
+    <!-- <gdd-transaction-list
         :transactions="transactions"
         :pageSize="5"
         :timestamp="timestamp"
@@ -11,8 +10,7 @@
         :pending="pending"
         v-on="$listeners"
       /> -->
-      <!-- <gdd-transaction-list-footer :count="transactionCount" /> -->
-    </div>
+    <!-- <gdd-transaction-list-footer :count="transactionCount" /> -->
   </div>
 </template>
 <script>
diff --git a/frontend/src/pages/Send.vue b/frontend/src/pages/Send.vue
index a2e17ff36..d8ced37de 100644
--- a/frontend/src/pages/Send.vue
+++ b/frontend/src/pages/Send.vue
@@ -1,56 +1,54 @@
 <template>
   <div>
-    <b-container>
-      <gdd-send :currentTransactionStep="currentTransactionStep" class="pt-3 ml-2 mr-2">
-        <template #transactionForm>
-          <transaction-form
-            v-bind="transactionData"
-            :balance="balance"
-            @set-transaction="setTransaction"
-          ></transaction-form>
-        </template>
-        <template #transactionConfirmationSend>
-          <transaction-confirmation-send
-            :balance="balance"
-            :email="transactionData.email"
-            :amount="transactionData.amount"
-            :memo="transactionData.memo"
-            @send-transaction="sendTransaction"
-            @on-reset="onReset"
-          ></transaction-confirmation-send>
-        </template>
-        <template #transactionConfirmationLink>
-          <transaction-confirmation-link
-            :balance="balance"
-            :email="transactionData.email"
-            :amount="transactionData.amount"
-            :memo="transactionData.memo"
-            :loading="loading"
-            @send-transaction="sendTransaction"
-            @on-reset="onReset"
-          ></transaction-confirmation-link>
-        </template>
-        <template #transactionResultSendSuccess>
-          <transaction-result-send-success @on-reset="onReset"></transaction-result-send-success>
-        </template>
-        <template #transactionResultSendError>
-          <transaction-result-send-error
-            :error="error"
-            :errorResult="errorResult"
-            @on-reset="onReset"
-          ></transaction-result-send-error>
-        </template>
-        <template #transactionResultLink>
-          <transaction-result-link
-            :link="link"
-            :amount="amount"
-            :memo="memo"
-            :validUntil="validUntil"
-            @on-reset="onReset"
-          ></transaction-result-link>
-        </template>
-      </gdd-send>
-    </b-container>
+    <gdd-send :currentTransactionStep="currentTransactionStep" class="p-3 mt--3">
+      <template #transactionForm>
+        <transaction-form
+          v-bind="transactionData"
+          :balance="balance"
+          @set-transaction="setTransaction"
+        ></transaction-form>
+      </template>
+      <template #transactionConfirmationSend>
+        <transaction-confirmation-send
+          :balance="balance"
+          :email="transactionData.email"
+          :amount="transactionData.amount"
+          :memo="transactionData.memo"
+          @send-transaction="sendTransaction"
+          @on-reset="onReset"
+        ></transaction-confirmation-send>
+      </template>
+      <template #transactionConfirmationLink>
+        <transaction-confirmation-link
+          :balance="balance"
+          :email="transactionData.email"
+          :amount="transactionData.amount"
+          :memo="transactionData.memo"
+          :loading="loading"
+          @send-transaction="sendTransaction"
+          @on-reset="onReset"
+        ></transaction-confirmation-link>
+      </template>
+      <template #transactionResultSendSuccess>
+        <transaction-result-send-success @on-reset="onReset"></transaction-result-send-success>
+      </template>
+      <template #transactionResultSendError>
+        <transaction-result-send-error
+          :error="error"
+          :errorResult="errorResult"
+          @on-reset="onReset"
+        ></transaction-result-send-error>
+      </template>
+      <template #transactionResultLink>
+        <transaction-result-link
+          :link="link"
+          :amount="amount"
+          :memo="memo"
+          :validUntil="validUntil"
+          @on-reset="onReset"
+        ></transaction-result-link>
+      </template>
+    </gdd-send>
   </div>
 </template>
 <script>
diff --git a/frontend/src/pages/Settings.vue b/frontend/src/pages/Settings.vue
index db7201611..3c81ea110 100644
--- a/frontend/src/pages/Settings.vue
+++ b/frontend/src/pages/Settings.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container bg-white appBoxShadow gradido-border-radius p-4">
+  <div class="container bg-white appBoxShadow gradido-border-radius p-3 mt--3">
     <user-card :balance="balance" :transactionCount="transactionCount"></user-card>
     <user-data />
     <hr />
diff --git a/frontend/src/pages/Transactions.vue b/frontend/src/pages/Transactions.vue
index b46ad5ca2..41bc1fa6c 100644
--- a/frontend/src/pages/Transactions.vue
+++ b/frontend/src/pages/Transactions.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="transactions pb-4">
+  <div class="transactions">
     <div v-if="gdt">
       <gdt-transaction-list
         v-model="currentPage"