hover and pointer on gddamount gdtamount

frontend/src/assets/scss/gradido-template.scss

@@ -9,6 +9,16 @@ body {
   cursor: pointer;
 }
 
+.hoverText:hover {
+  font-weight: bold;
+}
+
+.hoverIcon:hover {
+  background-color: rgb(220, 216, 217);
+  border-radius: 29px;
+  padding: 1px;
+}
+
 .shadow-default {
   box-shadow: rgb(0 0 0 / 14%) 0 4px 10px;
 }

frontend/src/components/Menu/Navbar.vue

@@ -3,9 +3,9 @@
     <b-navbar toggleable="lg" class="pr-4">
       <b-navbar-brand>
         <b-img
-          class="imgLogo ml--3 mt-lg--2 mt-3 p-2 mb-3 d-none d-lg-block zindex10"
+          class="imgLogo mt-lg--2 mt-3 mb-3 d-none d-lg-block zindex10"
           :src="logo"
-          width="200"
+          width=""
           alt="..."
         />
         <b-button v-b-toggle.sidebar-mobile class="d-block d-lg-none">
@@ -19,15 +19,15 @@
           <div class="mb-2">
             <router-link to="/profile">
               <div>
-                <div class="d-flex">
+                <div class="d-flex align-items-center">
                   <div class="mr-3">
-                    <avatar :username="username" :color="'#fff'"></avatar>
+                    <avatar :username="username" :color="'#fff'" :size="81"></avatar>
                   </div>
                   <div>
-                    <div class="small" data-test="navbar-item-username">{{ username }}</div>
+                    <div data-test="navbar-item-username">{{ username }}</div>
 
-                    <div class="text-right small">
+                    <div class="text-right">
-                      <small>{{ $store.state.email }}</small>
+                      {{ $store.state.email }}
                     </div>
                   </div>
                 </div>

frontend/src/components/Menu/Sidebar.vue

@@ -2,7 +2,7 @@
   <div id="component-sidebar">
     <div id="side-menu" ref="sideMenu" class="gradido-border-radius appBoxShadow pt-2">
       <!-- @mouseout="$emit('toogleMobilMenu')" -->
-      <div class="mb-6 mt-3">
+      <div class="mb-3 mt-3">
         <b-nav vertical class="w-200">
           <b-nav-item to="/overview" class="mb-3" active-class="activeRoute">
             <b-icon icon="house" aria-hidden="true"></b-icon>
@@ -33,7 +33,7 @@
             <b-icon icon="person" aria-hidden="true"></b-icon>
             <span class="ml-2">{{ $t('navigation.profile') }}</span>
           </b-nav-item> -->
-          <b-nav-item to="/community#my" class="mb-3" active-class="activeRoute">
+          <b-nav-item to="/community#my" class="" active-class="activeRoute">
             <b-icon icon="people" aria-hidden="true"></b-icon>
             <span class="ml-2">{{ $t('creation') }}</span>
           </b-nav-item>
@@ -71,11 +71,7 @@
             <b-icon icon="shield-check" aria-hidden="true"></b-icon>
             <span class="ml-2">{{ $t('navigation.admin_area') }}</span>
           </b-nav-item>
-          <b-nav-item
+          <b-nav-item class="font-weight-bold" @click="$emit('logout')" active-class="activeRoute">
-            class="mb-3 font-weight-bold"
-            @click="$emit('logout')"
-            active-class="activeRoute"
-          >
             <b-icon icon="power" aria-hidden="true" variant="danger"></b-icon>
             <span class="ml-2 text-danger">{{ $t('navigation.logout') }}</span>
           </b-nav-item>

frontend/src/components/Template/ContentHeader/GddAmount.vue

@@ -46,7 +46,7 @@
         <b-col cols="12" md="2" lg="2" class="border-left border-light">
           <b-icon
             :icon="hideAmount ? 'eye-slash' : 'eye'"
-            class="mr-3 gradido-global-border-color-accent"
+            class="mr-3 gradido-global-border-color-accent pointer hoverIcon"
             @click="$store.commit('hideAmountGDD', !hideAmount)"
           ></b-icon>
         </b-col>

frontend/src/components/Template/ContentHeader/GdtAmount.vue

@@ -41,7 +41,7 @@
         <b-col cols="12" md="2" lg="2" class="border-left border-light">
           <b-icon
             :icon="hideAmount ? 'eye-slash' : 'eye'"
-            class="mr-3 gradido-global-border-color-accent"
+            class="mr-3 gradido-global-border-color-accent pointer hoverIcon"
             @click="$store.commit('hideAmountGDT', !hideAmount)"
           ></b-icon>
         </b-col>

frontend/src/components/Template/RightSide/LastTransactions.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="rightside-last-transactions d-none d-lg-block">
     <b-row class="mb-3">
-      <b-col>{{ $t('transaction.lastTransactions') }}</b-col>
+      <b-col class="h3">{{ $t('transaction.lastTransactions') }}</b-col>
       <!-- <b-col cols="1" class="text-right">
         <b-icon icon="three-dots-vertical"></b-icon>
       </b-col> -->
@@ -16,7 +16,7 @@
           transaction.typeId !== 'LINK_SUMMARY' &&
           transaction.typeId !== 'CREATION'
         "
-        class="mb-2"
+        class="mb-3"
       >
         <b-col cols="2">
           <div class="align-items-center">
@@ -28,14 +28,25 @@
           </div>
         </b-col>
         <b-col>
-          <div class="align-items-center small">
+          <b-row>
-            <name :linkedUser="transaction.linkedUser" v-on="$listeners" />
+            <b-col>
-          </div>
+              <div class="align-items-center font-weight-bold">
-        </b-col>
+                <name
-        <b-col cols="auto">
+                  :linkedUser="transaction.linkedUser"
-          <div class="align-items-center small">
+                  v-on="$listeners"
-            {{ transaction.amount | GDD }}
+                  fontColor="text-dark"
-          </div>
+                />
+              </div>
+              <div class="d-flex">
+                <div class="align-items-center small">
+                  {{ transaction.amount | GDD }}
+                </div>
+                <div class="small ml-3 text-right">
+                  {{ $d(new Date(transaction.balanceDate), 'short') }}
+                </div>
+              </div>
+            </b-col>
+          </b-row>
         </b-col>
       </b-row>
       <!-- <b-list-group-item

frontend/src/components/TransactionRows/Name.vue

@@ -2,7 +2,7 @@
   <div class="name">
     <div class="gdd-transaction-list-item-name">
       <div v-if="linkedUser && linkedUser.email">
-        <b-link @click.stop="tunnelEmail">
+        <b-link @click.stop="tunnelEmail" :class="fontColor">
           {{ itemText }}
         </b-link>
       </div>
@@ -22,6 +22,11 @@ export default {
       type: String,
       required: false,
     },
+    fontColor: {
+      type: String,
+      required: false,
+      default: '',
+    },
     linkId: {
       type: Number,
       required: false,