diff --git a/html/preset_sel/css/ui.css b/html/preset_sel/css/ui.css
index 96b18c7..aa44187 100644
--- a/html/preset_sel/css/ui.css
+++ b/html/preset_sel/css/ui.css
@@ -18,10 +18,6 @@ input, label, button, select {
     height: 20px;
 }
 
-button {
-    margin-right: 4px;
-    margin-left:  4px;
-}
 
 div {
     /*border: 1px solid black;    */
@@ -69,9 +65,6 @@ label {
     flex-direction: row;
     align-items: center;
     background-color: LightBlue;
-    margin-bottom: 4px;
-    margin-top: 4px;
-
 }
 
 .uiCol  {    
@@ -94,6 +87,8 @@ label {
 
 .uiLogDiv label {
     width: 100%;
+    background-color: LightSteelBlue;
+
 }
 
 
@@ -103,7 +98,7 @@ label {
     flex-direction: column;
 
     height: 150px;
-    overflow-x: hidden; /* 'hidden' to remove scroll bar */
+    overflow-x: hidden; /* 'hidden' to remove x scroll bar */
     overflow-y: auto; 
     width: 100%;
 
@@ -112,6 +107,38 @@ label {
 }
 
 /* The log text */
-.uiLog pre {
-	
+.uiLog pre {	
+}
+
+
+/* outer list div - contains the list label and the list scroller */
+.uiListDiv {
+    display: flex;
+    flex-direction: column;
+
+    align-items: flex-start;     /* left justify */
+    align-content: flex-stretch; /* fill horizontal space */
+    
+}
+
+.uiListDiv label {
+    width: 100%;
+    background-color: LightSteelBlue;
+
+}
+
+.uiList {
+    display:flex;
+    flex-direction: column;
+    
+    height: 100px;
+    overflow-x: hidden; /* 'hidden' to remove scroll bar */
+    overflow-y: auto; 
+    width: 100%;
+
+    background-color: PowderBlue;    
+}
+
+.uiSelected {
+    border: 1px solid red;
 }