From 62f6b67c2b2b3cad0f1e06c2e28dbd136eb37ea8 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Fri, 24 Sep 2021 11:07:15 +0200
Subject: [PATCH] remove style from element

---
 frontend/src/views/Pages/UserProfile/UserCard.vue  |  2 +-
 .../Pages/UserProfile/UserCard_FormUserData.vue    |  6 +-----
 .../UserProfile/UserCard_FormUserPasswort.vue      |  6 +-----
 .../views/Pages/UserProfile/UserCard_Language.vue  |  6 +-----
 .../Pages/UserProfile/UserCard_Newsletter.vue      |  5 +----
 frontend/src/views/Pages/UserProfileOverview.vue   | 14 +++++++++++++-
 6 files changed, 18 insertions(+), 21 deletions(-)

diff --git a/frontend/src/views/Pages/UserProfile/UserCard.vue b/frontend/src/views/Pages/UserProfile/UserCard.vue
index 2065ab839..1610eb7e9 100755
--- a/frontend/src/views/Pages/UserProfile/UserCard.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <b-card class="bg-transparent">
+  <b-card class="bg-transparent border-0">
     <div class="w-100 text-center">
       <vue-qrcode
         v-if="$store.state.email"
diff --git a/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.vue b/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.vue
index 6b4e66306..f9374891d 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard_FormUserData.vue
@@ -1,9 +1,5 @@
 <template>
-  <b-card
-    id="userdata_form"
-    class="bg-transparent"
-    style="background-color: #ebebeba3 !important; border-radius: 0px 5px 5px 0px; border: 0px"
-  >
+  <b-card id="userdata_form" class="card-border-radius card-background-gray">
     <div>
       <b-row class="mb-4 text-right">
         <b-col class="text-right">
diff --git a/frontend/src/views/Pages/UserProfile/UserCard_FormUserPasswort.vue b/frontend/src/views/Pages/UserProfile/UserCard_FormUserPasswort.vue
index 7a83ca958..58617ff9b 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_FormUserPasswort.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard_FormUserPasswort.vue
@@ -1,9 +1,5 @@
 <template>
-  <b-card
-    id="change_pwd"
-    class="bg-transparent"
-    style="background-color: #ebebeba3 !important; border-radius: 0px 5px 5px 0px; border: 0px"
-  >
+  <b-card id="change_pwd" class="card-border-radius card-background-gray">
     <div>
       <b-row class="mb-4 text-right">
         <b-col class="text-right">
diff --git a/frontend/src/views/Pages/UserProfile/UserCard_Language.vue b/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
index d54ef7b87..05357a99d 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard_Language.vue
@@ -1,9 +1,5 @@
 <template>
-  <b-card
-    id="formuserlanguage"
-    class="bg-transparent"
-    style="background-color: #ebebeba3 !important; border-radius: 0px 5px 5px 0px; border: 0px"
-  >
+  <b-card id="formuserlanguage" class="card-border-radius card-background-gray">
     <div>
       <b-row class="mb-4 text-right">
         <b-col class="text-right">
diff --git a/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.vue b/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.vue
index a5b4253dc..c571ef99a 100644
--- a/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.vue
+++ b/frontend/src/views/Pages/UserProfile/UserCard_Newsletter.vue
@@ -1,8 +1,5 @@
 <template>
-  <b-card
-    id="formusernewsletter"
-    style="background-color: #ebebeba3 !important; border-radius: 0px 5px 5px 0px; border: 0px"
-  >
+  <b-card id="formusernewsletter" class="card-border-radius card-background-gray">
     <div>
       <b-row class="mb-3">
         <b-col class="mb-2 col-12">
diff --git a/frontend/src/views/Pages/UserProfileOverview.vue b/frontend/src/views/Pages/UserProfileOverview.vue
index 8cba504e2..c5be76145 100644
--- a/frontend/src/views/Pages/UserProfileOverview.vue
+++ b/frontend/src/views/Pages/UserProfileOverview.vue
@@ -31,4 +31,16 @@ export default {
   },
 }
 </script>
-<style></style>
+<style>
+.card-border-radius {
+  border-radius: 0px 5px 5px 0px !important;
+}
+@media screen and (max-width: 1235px) {
+  .card-border-radius {
+    border-radius: 0px !important;
+  }
+}
+.card-background-gray {
+  background-color: #ebebeba3 !important;
+}
+</style>