Fix bugs

src/app/components/shared/double-slider/double-slider.component.scss

@@ -37,11 +37,12 @@ $slider-size: 40px;
 
       transition: box-shadow $long-animation-time, transform $long-animation-time;
 
-      &:hover {
-        box-shadow: $shadow;
-        transform: translateY(-$slider-size / 2 + $line-height / 2) scale(1.1);
+      @media (min-width: $mobile-width) {
+        &:hover {
+          box-shadow: $shadow;
+          transform: translateY(-$slider-size / 2 + $line-height / 2) scale(1.1);
+        }
       }
-
       cursor: pointer;
 
       position: relative;

src/app/components/shared/double-slider/double-slider.component.ts

@@ -16,6 +16,12 @@ export class DoubleSliderComponent {
 
     this._values = values;
     this.calculateLabels();
+    if (this._oneValue > this._otherValue) {
+      this._oneValue = this.MAX - 1;
+    } else {
+      this._otherValue = this.MAX - 1;
+    }
+
     this.emitValue();
   }
 

src/app/components/shared/select-add/select-add.component.scss

@@ -98,8 +98,10 @@ $inner-padding: var(--medium-padding);
   }
 
   &:hover {
-    .background {
-      box-shadow: $shadow;
+    @media (min-width: $mobile-width) {
+      .background {
+        box-shadow: $shadow;
+      }
     }
   }
 

src/app/components/shared/select-add/select-add.component.ts

@@ -1,4 +1,5 @@
 import { Component, Input, Output, EventEmitter, ViewChild, ElementRef } from '@angular/core';
+import { CancelService } from '../../../services/cancel.service';
 
 @Component({
   selector: 'app-select-add',
@@ -28,6 +29,12 @@ export class SelectAddComponent {
   newOption: string;
   isOpen = false;
 
+  constructor(private cancelService: CancelService) {
+    this.cancelService.subscribe(this, () => {
+      this.isOpen = false;
+    });
+  }
+
   get otherOptions(): string[] {
     return this.options.filter(a => a !== this.selected);
   }