Client - fix background color

fittrackee_client/src/scss/base.scss

@@ -162,6 +162,7 @@ button {
 
 .view  {
   padding-bottom: 35px;
+  background-color: var(--app-background-color);
 }
 
 .fa-trophy {

fittrackee_client/src/views/user/LoginOrRegister.vue

@@ -30,7 +30,6 @@
 
   #loginOrRegister {
     display: flex;
-    height: 100%;
 
     .container {
       display: flex;

fittrackee_client/src/views/user/ProfileView.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="profile" class="container view" v-if="authUser.username">
+  <div id="profile" class="view" v-if="authUser.username">
     <router-view :user="authUser"></router-view>
     <div id="bottom" />
   </div>
@@ -24,6 +24,7 @@
   #profile {
     display: flex;
     flex-direction: column;
+    padding: 0 $default-padding;
 
     ::v-deep(.profile-form) {
       display: flex;

fittrackee_client/src/views/workouts/WorkoutsView.vue

@@ -60,8 +60,6 @@
 <style lang="scss" scoped>
   @import '~@/scss/vars.scss';
   #workouts {
-    height: 100%;
-
     .workouts-container {
       display: flex;
       flex-direction: row;