diff --git a/src/app/vote-choice/vote-choice.component.scss b/src/app/vote-choice/vote-choice.component.scss index 2fe9a5d5..6be8b710 100644 --- a/src/app/vote-choice/vote-choice.component.scss +++ b/src/app/vote-choice/vote-choice.component.scss @@ -4,6 +4,7 @@ box-shadow: 0 3px 6px 0 rgba(black, 0.2); overflow: auto; display: flex; +align-items: center; } .vote img{ vertical-align: middle; @@ -27,7 +28,10 @@ span { float: left; } - +.nombre_vote span{ + display: flex; + align-items: center; +} // TODO intricate selectors .nombre_vote p { line-height: 20px; @@ -37,6 +41,8 @@ border: 1px solid #aeafb1;; border-radius: 50%; width:48px; height: 48px; +display: flex; +align-items: center; } .vote button:hover{ border-color: #807e7e; @@ -47,6 +53,10 @@ height: 48px; outline:0; } .nombre_vote img{ - vertical-align: middle; - display:inline; +/* vertical-align: middle; + display:inline;*/ + display: block; +width: 20px; +height: 20px; +background-color: #000 } diff --git a/src/assets/scss/variables.scss b/src/assets/scss/variables.scss index bb56d215..9a9eaab7 100644 --- a/src/assets/scss/variables.scss +++ b/src/assets/scss/variables.scss @@ -12,6 +12,7 @@ $violet: #bd10e0; $red: #cd0000; $cool-grey: #aeafb1; $warm-grey:#807e7e; +$wisteria:#bf83c2; // interpretations in app $primary_color: $ugly-purple; @@ -21,6 +22,7 @@ $logo_color: $dark-lavender; $logo_color_2: $camo; $choice_select_border_color: $cool-grey; $hover-color:$warm-grey; +$clicked-color:$wisteria; // FONT $default_font : "pt_sans";