ONOS-2422 - GUI -- Sample client side code for maven archetypes updated.

Change-Id: I3ce65ab83b24cd04498913cf1fabf8eabb67ba14
diff --git a/tools/package/archetypes/ui/src/main/resources/archetype-resources/src/main/resources/app/view/sample/sample.css b/tools/package/archetypes/ui/src/main/resources/archetype-resources/src/main/resources/app/view/sample/sample.css
index 9e4e761..c492e20 100644
--- a/tools/package/archetypes/ui/src/main/resources/archetype-resources/src/main/resources/app/view/sample/sample.css
+++ b/tools/package/archetypes/ui/src/main/resources/archetype-resources/src/main/resources/app/view/sample/sample.css
@@ -1,16 +1,35 @@
 /* css for sample app view */
 
-#ov-sample p {
-    margin: 0 30px;
-    padding: 10px;
-    border: 2px solid;
+#ov-sample h2 {
+    display: inline-block;
 }
 
-.light #ov-sample p {
-    color: darkblue;
-    border-color: #88c;
+/* Panel Styling */
+#item-details-panel.floatpanel {
+    position: absolute;
+    top: 115px;
 }
-.dark #ov-sample p {
-    color: #aac;
-    border-color: #448;
+
+.light #item-details-panel.floatpanel {
+    background-color: rgb(229, 234, 237);
+}
+.dark #item-details-panel.floatpanel {
+    background-color: #3A4042;
+}
+
+#item-details-panel h3 {
+    margin: 0;
+    font-size: large;
+}
+
+#item-details-panel h4 {
+    margin: 0;
+}
+
+#item-details-panel td {
+    padding: 5px;
+}
+#item-details-panel td.label {
+    font-style: italic;
+    opacity: 0.8;
 }
\ No newline at end of file