From 08e2121c63958e8e3a84ec15f68ceacbb0a97557 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 7 Dec 2022 12:41:46 +0100
Subject: [PATCH] mobile hide components transactionlist contribution in fo and
 list

---
 .../Contributions/ContributionForm.vue           |  2 +-
 .../Contributions/GradidoNotification.vue        |  2 +-
 .../Contributions/OpenCreationsAmount.vue        | 14 ++++++++------
 frontend/src/components/GddTransactionList.vue   |  2 +-
 frontend/src/components/GdtTransactionList.vue   |  2 +-
 .../Template/ContentHeader/NavCommunity.vue      | 16 ++++++++--------
 .../Template/RightSide/ContributionInfo.vue      |  2 +-
 .../Template/RightSide/LastContributions.vue     |  2 +-
 .../src/components/UserSettings/UserCard.vue     |  2 +-
 frontend/src/pages/Settings.vue                  |  2 +-
 10 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/frontend/src/components/Contributions/ContributionForm.vue b/frontend/src/components/Contributions/ContributionForm.vue
index a76c72596..c7c506a41 100644
--- a/frontend/src/components/Contributions/ContributionForm.vue
+++ b/frontend/src/components/Contributions/ContributionForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="contribution-form">
+  <div class="contribution-form container">
     <!-- <div class="my-3">
       <h3>{{ $t('contribution.formText.yourContribution') }}</h3>
       {{ $t('contribution.formText.bringYourTalentsTo') }}
diff --git a/frontend/src/components/Contributions/GradidoNotification.vue b/frontend/src/components/Contributions/GradidoNotification.vue
index 1cedba04f..c94870014 100644
--- a/frontend/src/components/Contributions/GradidoNotification.vue
+++ b/frontend/src/components/Contributions/GradidoNotification.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="contribution-list-info">
+  <div class="contribution-list-info container">
     <b-alert v-if="list === 'my'" show dismissible fade variant="secondary" class="text-dark">
       <h4 class="alert-heading">{{ $t('community.myContributions') }}</h4>
       <p>
diff --git a/frontend/src/components/Contributions/OpenCreationsAmount.vue b/frontend/src/components/Contributions/OpenCreationsAmount.vue
index 97b4f6df4..31ffcc9e2 100644
--- a/frontend/src/components/Contributions/OpenCreationsAmount.vue
+++ b/frontend/src/components/Contributions/OpenCreationsAmount.vue
@@ -1,10 +1,12 @@
 <template>
-  <div class="open-creations-amount bg-white appBoxShadow gradido-border-radius p-4">
-    <div class="my-3">
-      <ul class="my-3">
-        <li v-html="textForMonth(new Date(minimalDate), maxGddLastMonth)"></li>
-        <li v-html="textForMonth(new Date(), maxGddThisMonth)"></li>
-      </ul>
+  <div class="container">
+    <div class="open-creations-amount bg-white appBoxShadow gradido-border-radius p-4">
+      <div class="my-3">
+        <ul class="my-3">
+          <li v-html="textForMonth(new Date(minimalDate), maxGddLastMonth)"></li>
+          <li v-html="textForMonth(new Date(), maxGddThisMonth)"></li>
+        </ul>
+      </div>
     </div>
   </div>
 </template>
diff --git a/frontend/src/components/GddTransactionList.vue b/frontend/src/components/GddTransactionList.vue
index 665316d7e..b9fbcffc5 100644
--- a/frontend/src/components/GddTransactionList.vue
+++ b/frontend/src/components/GddTransactionList.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="gdd-transaction-list">
+  <div class="gdd-transaction-list container">
     <div class="list-group mt-5">
       <div v-if="!transactions" class="test-no-transactionlist text-right">
         <b-icon icon="exclamation-triangle" class="mr-2" variant="danger"></b-icon>
diff --git a/frontend/src/components/GdtTransactionList.vue b/frontend/src/components/GdtTransactionList.vue
index 3b50707a3..7f7ae6035 100644
--- a/frontend/src/components/GdtTransactionList.vue
+++ b/frontend/src/components/GdtTransactionList.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="gdt-transaction-list">
+  <div class="gdt-transaction-list container">
     <div class="list-group">
       <div v-if="transactionGdtCount === 0" class="text-center">
         {{ $t('gdt.no-transactions') }}
diff --git a/frontend/src/components/Template/ContentHeader/NavCommunity.vue b/frontend/src/components/Template/ContentHeader/NavCommunity.vue
index 1d246ca2a..9d0f6ca5a 100644
--- a/frontend/src/components/Template/ContentHeader/NavCommunity.vue
+++ b/frontend/src/components/Template/ContentHeader/NavCommunity.vue
@@ -1,14 +1,14 @@
 <template>
   <div class="nav-community">
     <b-row class="nav-row">
-      <b-col>
-        <router-link to="#edit">{{ $t('community.submitContribution') }}</router-link>
+      <b-col cols="12" md="4" lg="4" class="mb-2 mb-md-0 mb-lg-0">
+        <b-button block to="#edit">{{ $t('community.submitContribution') }}</b-button>
       </b-col>
-      <b-col class="text-center">
-        <router-link to="#my">{{ $t('community.myContributions') }}</router-link>
+      <b-col cols="12" md="4" lg="4" class="text-center mb-2 mb-md-0 mb-lg-0">
+        <b-button block to="#my">{{ $t('community.myContributions') }}</b-button>
       </b-col>
-      <b-col class="text-right">
-        <router-link to="#all">{{ $t('community.community') }}</router-link>
+      <b-col cols="12" md="4" lg="4" class="text-right">
+        <b-button block to="#all">{{ $t('community.community') }}</b-button>
       </b-col>
     </b-row>
   </div>
@@ -25,12 +25,12 @@ export default {
   border-radius: 26px;
 }
 
-.router-link-exact-active {
+/* .router-link-exact-active {
   background-color: rgb(14, 121, 188);
   color: white;
   border-radius: 26px;
   padding: 10px;
   padding-left: 25px;
   padding-right: 25px;
-}
+} */
 </style>
diff --git a/frontend/src/components/Template/RightSide/ContributionInfo.vue b/frontend/src/components/Template/RightSide/ContributionInfo.vue
index 57b50eb8e..a6dbab8be 100644
--- a/frontend/src/components/Template/RightSide/ContributionInfo.vue
+++ b/frontend/src/components/Template/RightSide/ContributionInfo.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="contribution-info">
+  <div class="contribution-info d-none d-lg-block">
     <div>
       <h3>{{ $t('contribution.formText.yourContribution') }}</h3>
       {{ $t('contribution.formText.bringYourTalentsTo') }}
diff --git a/frontend/src/components/Template/RightSide/LastContributions.vue b/frontend/src/components/Template/RightSide/LastContributions.vue
index 11219e9f1..1d50a0bc3 100644
--- a/frontend/src/components/Template/RightSide/LastContributions.vue
+++ b/frontend/src/components/Template/RightSide/LastContributions.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="last-contributions">
+  <div class="last-contributions d-none d-lg-block">
     <b-row class="mb-5">
       <b-col class="h3">{{ $t('contribution.lastContribution') }}</b-col>
       <b-col cols="1" class="text-right">
diff --git a/frontend/src/components/UserSettings/UserCard.vue b/frontend/src/components/UserSettings/UserCard.vue
index 2ed17403b..0c3a98a45 100755
--- a/frontend/src/components/UserSettings/UserCard.vue
+++ b/frontend/src/components/UserSettings/UserCard.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="userdata-card">
     <b-card class="bg-transparent border-0">
-      <div class="w-100 text-center">
+      <div class="text-center">
         <b-avatar variant="primary" :text="avatar" size="6rem"></b-avatar>
       </div>
 
diff --git a/frontend/src/pages/Settings.vue b/frontend/src/pages/Settings.vue
index ff5cbfc3b..b8e21b119 100644
--- a/frontend/src/pages/Settings.vue
+++ b/frontend/src/pages/Settings.vue
@@ -1,5 +1,5 @@
 <template>
-  <div fluid="sm" class="mr-2">
+  <div class="container">
     <user-card :balance="balance" :transactionCount="transactionCount"></user-card>
     <user-data />
     <hr />