structur container margin padding clear

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') }}

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"

frontend/src/components/GddTransactionList.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="gdd-transaction-list container">
+  <div class="gdd-transaction-list">
-    <div class="list-group mt-5">
+    <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>

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') }}

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>

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">

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>
+    </div>
-    <!-- <b-container v-if="path === '/storys'"></b-container>
+    <!-- <div v-if="path === '/storys'"></div>
-    <b-container v-if="path === '/addresses'"></b-container> -->
+    <div v-if="path === '/addresses'"></div> -->
-    <b-container v-if="path === '/send'">
+    <div v-if="path === '/send'">
       <b-row>
         <b-col cols="6">
           <div>
@@ -31,8 +31,8 @@
           </div>
         </b-col>
       </b-row>
-    </b-container>
+    </div>
-    <b-container v-if="path === '/transactions'">
+    <div v-if="path === '/transactions'">
       <b-row>
         <b-col cols="6">
           <div>
@@ -49,8 +49,8 @@
           </div>
         </b-col>
       </b-row>
-    </b-container>
+    </div>
-    <b-container v-if="path === '/gdt'">
+    <div v-if="path === '/gdt'">
       <b-row>
         <b-col cols="6">
           <div>
@@ -67,8 +67,8 @@
           </div>
         </b-col>
       </b-row>
-    </b-container>
+    </div>
-    <!-- <b-container v-if="path === '/profile'">
+    <!-- <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> -->
+    </div> -->
-    <b-container v-if="path === '/community'"><nav-community /></b-container>
+    <div v-if="path === '/community'"><nav-community /></div>
-    <b-container v-if="path === '/settings'"></b-container>
+    <div v-if="path === '/settings'"></div>
   </div>
 </template>
 

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"

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>
+      </div>
-      <small v-else>
+      <div v-else>
         {{ $t('community.noOpenContributionLinkText') }}
-      </small>
+      </div>
       <ul>
         <li v-for="item in itemsContributionLinks" v-bind:key="item.id">
           <div>{{ item.name }}</div>

frontend/src/pages/Overview.vue

@@ -1,7 +1,6 @@
 <template>
   <div>
-    <div>
+    <community-news />
-      <community-news class="mb-5" />
     <!-- <gdd-transaction-list
         :transactions="transactions"
         :pageSize="5"
@@ -13,7 +12,6 @@
       /> -->
     <!-- <gdd-transaction-list-footer :count="transactionCount" /> -->
   </div>
-  </div>
 </template>
 <script>
 import CommunityNews from '@/components/Overview/CommunityNews.vue'

frontend/src/pages/Send.vue

@@ -1,7 +1,6 @@
 <template>
   <div>
-    <b-container>
+    <gdd-send :currentTransactionStep="currentTransactionStep" class="p-3 mt--3">
-      <gdd-send :currentTransactionStep="currentTransactionStep" class="pt-3 ml-2 mr-2">
       <template #transactionForm>
         <transaction-form
           v-bind="transactionData"
@@ -50,7 +49,6 @@
         ></transaction-result-link>
       </template>
     </gdd-send>
-    </b-container>
   </div>
 </template>
 <script>

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 />

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"