From 8ed0e2655d03962f58143d5d472165341286575f Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sun, 19 May 2019 15:03:29 -0400
Subject: [PATCH] fix colors

---
 .../my-account/my-account.component.scss      | 53 ++++++++++++-------
 1 file changed, 33 insertions(+), 20 deletions(-)

diff --git a/src/app/components/floating-column/manage-account/my-account/my-account.component.scss b/src/app/components/floating-column/manage-account/my-account/my-account.component.scss
index 962e3399..d171bc90 100644
--- a/src/app/components/floating-column/manage-account/my-account/my-account.component.scss
+++ b/src/app/components/floating-column/manage-account/my-account/my-account.component.scss
@@ -1,45 +1,71 @@
 @import "variables";
 @import "commons";
 
-.my-account {   
+.my-account {
     transition: all .2s;
+
     &__body {
         overflow: auto;
         height: calc(100%);
         padding-left: 10px;
-        padding-right: 10px; 
+        padding-right: 10px;
         font-size: $small-font-size;
         padding-bottom: 20px;
         outline: 1px dotted greenyellow;
     }
+
     &__label {
         font-size: $small-font-size;
         margin-top: 10px;
         margin-left: 5px;
         color: $font-color-secondary;
-    }   
+    }
+
+    &__blue {
+        background-color: $color-primary;
+        color: #fff;
+
+        &:hover {
+            background-color: lighten($color-primary, 15);
+        }
+    }
+
+    &__red {
+        $red-button-color: rgb(65, 3, 3);
+        background-color: $red-button-color !important;
+        color: #fff;
+
+        &:hover {
+            background-color: lighten($red-button-color, 15) !important;
+        }
+    }
+
     &__link {
         text-decoration: none;
         display: block; // width: calc(100% - 20px);
         width: 100%; // height: 30px;
         padding: 5px 10px; // border: solid 1px black;
-      
+
         &--icon {
             float: right;
         }
+
         &--disabled {
             cursor: default;
             background-color: darken($color-primary, 4);
+
             &:hover {
                 background-color: darken($color-primary, 4);
             }
         }
-        &--margin-bottom{
+
+        &--margin-bottom {
             &:not(:last-child) {
                 margin-bottom: 5px;
             }
         }
     }
+
     &__list {
         $list-width: 60px;
         width: calc(100% - #{$list-width} - 2px);
@@ -52,6 +78,7 @@
             background-color: $color-primary;
             color: #fff;
             color: $font-color-secondary;
+
             &:hover {
                 color: #fff;
                 background-color: lighten($color-primary, 15);
@@ -72,22 +99,8 @@
             }
         }
     }
+
     &__margin-top {
         margin-top: 25px;
-    }   
-    &__blue {
-        background-color: $color-primary;
-        color: #fff;
-        &:hover {
-            background-color: lighten($color-primary, 15);
-        }
     }
-    &__red {
-        $red-button-color: rgb(65, 3, 3);
-        background-color: $red-button-color;
-        color: #fff;
-        &:hover {
-            background-color: lighten($red-button-color, 15);
-        }
-    }    
 }
\ No newline at end of file