From e6ef341fccac25e6c5929b8d6507cd0c2fea7d1f Mon Sep 17 00:00:00 2001
From: Thiemann96 <e_thie10@uni-muenster.de>
Date: Mon, 17 Feb 2020 17:01:27 +0100
Subject: [PATCH] updated layout when no sensor is added

---
 src/pages/configuration/configuration.html | 15 +++++++++++++--
 src/pages/configuration/configuration.scss |  5 +++++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/pages/configuration/configuration.html b/src/pages/configuration/configuration.html
index 1907efc..e9e7070 100644
--- a/src/pages/configuration/configuration.html
+++ b/src/pages/configuration/configuration.html
@@ -41,13 +41,24 @@
                   <ion-input [(ngModel)]="senseboxid" placeholder="5c4f75e83580950019240779"></ion-input>
                 </ion-item>
               </ion-row>
+              <ion-row *ngIf="sensors.length===0">
+                <ion-col col-8>
+                  <ion-item>
+                    <ion-label>Add a sensor</ion-label>
+                  </ion-item>
+                  </ion-col>
+                  <ion-col col-2>
+                    <button ion-item (click)="addSensor()">
+                      <ion-icon name="add" item-start></ion-icon>
+                    </button>
+                  </ion-col>              </ion-row>
               <ion-row *ngFor="let sensor of sensors;let i=index;let last = last;let first=first" >
                 <ion-col col-8>
                   <ion-item (click)="viewSensor(sensor)">
-                    <ion-label>{{sensor.typ}}  {{sensor.id}}</ion-label>
+                    <ion-label>{{sensor.typ}}  <code>{{sensor.id}}</code></ion-label>
                   </ion-item>
                   </ion-col>
-                  <ion-col *ngIf="!first" col-2>
+                  <ion-col col-2>
                     <button ion-item (click)="removeSensor(sensor)">
                       <ion-icon name="remove" item-start></ion-icon>
                     </button>
diff --git a/src/pages/configuration/configuration.scss b/src/pages/configuration/configuration.scss
index 201c659..36d2ef1 100644
--- a/src/pages/configuration/configuration.scss
+++ b/src/pages/configuration/configuration.scss
@@ -1,3 +1,8 @@
 .hint {
   text-align: center;
 }
+code {
+  color:#c7254e;
+  background-color: #f9f2f4;
+  border-radius: 4px;
+}
\ No newline at end of file