From 17e41f58b51abf901a2dae8156ddd657f65b3b30 Mon Sep 17 00:00:00 2001
From: Vladimir Lugovsky <lugovsky.v@gmail.com>
Date: Fri, 7 Jul 2017 18:09:04 +0300
Subject: [PATCH] fix(roomSelector): room selector highlight (#9)

---
 .../room-selector/room-selector.component.html     |  1 +
 .../room-selector/room-selector.component.scss     | 14 +++++++++++++-
 .../rooms/room-selector/room-selector.component.ts |  2 +-
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.html b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.html
index 274bad7e..efa6a316 100644
--- a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.html
+++ b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.html
@@ -74,6 +74,7 @@
   </g>
 
   <g [attr.id]="room.id" [class.selected-room]="selectedRoom == room.id" *ngFor="let room of sortedRooms">
+    <path class="room-bg-border-grad" (click)="roomSelected(room.id)" [attr.d]="room.area.d" />
     <path class="room-bg" (click)="roomSelected(room.id)" [attr.d]="room.area.d" />
     <path class="room-border" [attr.d]="room.border.d" />
     <text class="room-text" (click)="roomSelected(room.id)" text-anchor="middle"
diff --git a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss
index 90878d1c..fc9c86ea 100644
--- a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss
+++ b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss
@@ -39,6 +39,13 @@ svg {
   stroke: transparent;
   cursor: pointer;
   transition: fill 0.4s ease-out;
+  stroke-width: 4px;
+}
+
+.room-bg-border-grad {
+  fill: none;
+  stroke: none;
+  stroke-width: 4px;
 }
 
 .room-text {
@@ -50,10 +57,15 @@ svg {
 .selected-room {
   z-index: 40;
   .room-bg {
-    stroke: rgba(0, 255, 170, 0.5);
+    stroke: rgba(0, 255, 170, 1);
     fill: rgba(0, 255, 170, 0.5);
     filter: url('#f2');
   }
+
+  .room-bg-border-grad {
+    stroke: rgba(0, 255, 170, 1);
+    filter: url('#f2');
+  }
   .room-border {
     stroke: #00f9a6;
   }
diff --git a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.ts b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.ts
index 00170020..0349bb35 100644
--- a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.ts
+++ b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.ts
@@ -10,7 +10,7 @@ export class RoomSelectorComponent {
 
   sortedRooms = [];
 
-  viewBox = '-20 -20 608.88 407.99';
+  viewBox = '-20 -20 618.88 407.99';
 
   roomSvg = {
     borders: [{