Resolve "Mobile cone search design"

Closes #99 (closed)

src/app/search/components/criteria/cone-search/dec.component.html

@@ -9,17 +9,18 @@
 </div>
 
 <div class="row mt-2 px-3">
-    <div class="col pl-0">
+    <div class="col px-0 pr-xl-1">
         <div class="input-group">
             <select class="custom-select" name="operator" [formControl]="decH" (input)="decChange('hms')">
                 <option *ngFor="let d of degrees" [value]="d" [selected]="d === decH.value">{{ d }}</option>
             </select>
             <div class="input-group-append">
-                <span class="input-group-text">H</span>
+                <span class="input-group-text">°</span>
             </div>
         </div>
     </div>
-    <div class="col pl-0">
+    <div class="w-100 d-block d-xl-none"></div>
+    <div class="col mt-1 mt-xl-auto px-0 pr-xl-1">
         <div class="input-group">
             <select class="custom-select" name="operator" [formControl]="decM" (input)="decChange('hms')">
                 <option *ngFor="let m of minutes" [value]="m" [selected]="m === decM.value"> {{ m }}</option>
@@ -29,7 +30,8 @@
             </div>
         </div>
     </div>
-    <div class="col px-0">
+    <div class="w-100 d-block d-xl-none"></div>
+    <div class="col mt-1 mt-xl-auto px-0">
         <div class="input-group">
             <input type="text" class="form-control" [formControl]="decS" (input)="decChange('hms')" autocomplete="off">
             <div class="input-group-append">