[ONOS-8096] In GUI2 device panel space before colon creates unnecessary wrap

Change-Id: I08ca8b70dc6c21d12714f510c9fa3473ad41c261
diff --git a/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.html b/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.html
index 034b63b..c0df11d 100644
--- a/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.html
+++ b/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.html
@@ -30,23 +30,23 @@
             <table>
               <tbody>
                 <tr>
-                  <td class="label" width="110">URI :</td>
+                  <td class="label" width="110">URI</td>
                   <td class="value" width="80">{{detailsData.id}}</td>
                 </tr>
                 <tr>
-                  <td class="label" width="110">Type :</td>
+                  <td class="label" width="110">Type</td>
                   <td class="value" width="80">{{detailsData.type}}</td>
                 </tr>
                 <tr>
-                  <td class="label" width="110">Master ID :</td>
+                  <td class="label" width="110">Master ID</td>
                   <td class="value" width="80">{{detailsData.masterid}}</td>
                 </tr>
                 <tr>
-                  <td class="label" width="110">Chassis ID :</td>
+                  <td class="label" width="110">Chassis ID</td>
                   <td class="value" width="80">{{detailsData.chassisid}}</td>
                 </tr>
                 <tr>
-                  <td class="label" width="110">Vendor :</td>
+                  <td class="label" width="110">Vendor</td>
                   <td class="value" width="80">{{detailsData.mfr}}</td>
                 </tr>
               </tbody>
@@ -56,23 +56,23 @@
             <table>
               <tbody>
                 <tr>
-                  <td class="label" width="110">H/W Version :</td>
+                  <td class="label" width="110">H/W Version</td>
                   <td class="value" width="80">{{detailsData.hw}}</td>
                 </tr>
                 <tr>
-                  <td class="label" width="110">S/W Version :</td>
+                  <td class="label" width="110">S/W Version</td>
                   <td class="value" width="80">{{detailsData.sw}}</td>
                 </tr>
                 <tr>
-                  <td class="label" width="110">Protocol :</td>
+                  <td class="label" width="110">Protocol</td>
                   <td class="value" width="80">{{detailsData.protocol}}</td>
                 </tr>
                 <tr>
-                  <td class="label" width="110">Serial # :</td>
+                  <td class="label" width="110">Serial #</td>
                   <td class="value" width="80">{{detailsData.serial}}</td>
                 </tr>
                 <tr>
-                  <td class="label" width="110">Pipeconf :</td>
+                  <td class="label" width="110">Pipeconf</td>
                   <td class="value" width="80">{{detailsData.pipeconf}}</td>
                 </tr>
               </tbody>
diff --git a/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.spec.ts b/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.spec.ts
index d169f34..e3be82b 100644
--- a/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.spec.ts
+++ b/web/gui2/src/main/webapp/app/view/device/devicedetails/devicedetails.component.spec.ts
@@ -121,14 +121,14 @@
         const devDe: DebugElement = fixture.debugElement;
         const divDe = devDe.query(By.css('div.top-content div.top-tables div.left'));
         const div: HTMLElement = divDe.nativeElement;
-        expect(div.textContent).toEqual('URI :Type :Master ID :Chassis ID :Vendor :');
+        expect(div.textContent).toEqual('URITypeMaster IDChassis IDVendor');
     });
 
     it('should have a dev.right inside a div.top-tables inside a div.top-content', () => {
         const devDe: DebugElement = fixture.debugElement;
         const divDe = devDe.query(By.css('div.top-content div.top-tables div.right'));
         const div: HTMLElement = divDe.nativeElement;
-        expect(div.textContent).toEqual('H/W Version :S/W Version :Protocol :Serial # :Pipeconf :');
+        expect(div.textContent).toEqual('H/W VersionS/W VersionProtocolSerial #Pipeconf');
     });
 
     it('should have a div.bottom inside a div.container', () => {