design ing

src/assets/scss/themes/light/theme.scss

@@ -217,6 +217,32 @@ $inputGroupTextColor: #222222;
     }
 }
 
+.ui-widget-header .ui-button-secondary,
+.ui-widget-content .ui-button-secondary,
+.ui-widget.ui-button-secondary,
+.ui-button-secondary {
+	border: 1px solid #e9e9e9;
+	color: #535353;
+	background: #eeeeee;
+    -webkit-transition: background-color .2s;
+    -moz-transition: background-color .2s;
+    transition: background-color .2s;
+
+    &:enabled:hover,
+    &:focus {
+        border: 1px solid #e0e0e0;
+    	background: #dfdfdf;
+    	outline: 0 none;
+        color: #797979;
+    }
+
+    &:enabled:active {
+        border: 1px solid #dadada;
+    	background: #dbdbdb;
+        color: #535353;
+    }
+}
+
 .ui-fileupload-choose:not(.ui-state-disabled):hover,
 .ui-fileupload-choose.ui-state-focus {
     border: 1px solid #1f89ce;

src/commons/component/host-detail.component.scss

@@ -0,0 +1,20 @@
+.key-value {
+    list-style-type: none;
+    margin: 28px 0 0 0;
+    padding: 0;
+    box-sizing: border-box;
+    width: 500px;
+    li {
+    padding: 8px 14px;
+    border-bottom: 1px solid #d8dae2;
+    position: relative;
+    font-weight: bold;
+    width: 180px;
+      .meta-value {
+        font-weight: 100;
+        position: absolute;
+        width: 300px;
+        right: 40px;
+      }
+    }
+}

src/commons/component/scanner-setting-dropdown.component.html

@@ -88,9 +88,9 @@
     of the family.
   </p-panel>
    -->
-  <div class="ui-g-12">
-    <button type="button" pButton label="Reset" style="float: right;" (click)="setDefault($event)"></button>
-    <button type="button" pButton label="Apply" style="float: right;" (click)="done()" [disabled]="portErrMsg || ipErrMsg"></button>
+  <div class="ui-g-12 ui-button-right">
+    <button type="button" pButton label="Reset" (click)="setDefault($event)" class="ui-button-secondary"></button>
+    <button type="button" pButton label="Apply" (click)="done()" [disabled]="portErrMsg || ipErrMsg"></button>
   </div>
   <!-- <p-footer>
     Footer content here

src/commons/component/scanner-setting-dropdown.component.scss

@@ -8,4 +8,10 @@
   .description{
     float: left;
   }
+}
+.ui-button-right {
+  button {
+    float: right;
+    margin-left: 4px;
+  }
 }